Village Sim w Dialogue

{"name":"[c] Ctrl+Alt+Story v2 [OLD]","description":"Ctrl+Alt+Story week 2 template (v2). Add an object that the player can interact with in the world. Use classes for new objects and collision detection. In this case, we've added logs that can be pushed around. ","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/dzupqvdpv0w2vqbhtdgj","view_count":2,"fork_count":1,"expires_at":null,"created_at":"2024-10-06T21:58:05.707323Z","updated_at":"2024-10-17T01:32:16.762999Z","user_id":70,"status":"DELETED","parent_id":3494,"id":3499,"user":{"photo":null,"email":"kristen@jippity.pro","recess_id":"0c22a63e-e8fa-453f-a493-d113532a13c2","created_at":"2024-03-23T19:20:56.974481Z","reset_token":"GD2dODEjNUbAH88Yx-1HMTa4uc_OUtvTa0c5D-VKUhw","stripe_customer_id":"cus_RPbovGjLueUufv","seats":500,"username":"kris10","id":70,"password_hash":"$2b$12$abwA8Crfrc22ANEFpZErHeQDLvhr9RJOD0lMNLh7PJGrAn7M//qEC","updated_at":"2024-03-23T19:20:56.974485Z","reset_token_expiry":"2025-01-14T23:32:05.455609","subscription_status":"active"},"code":{"script.js":"// CTRL+ALT+STORY WEEK 2 TEMPLATE (AFTER)\n// ————— by Kristen —————\n// Assets by Kenney -- https://kenney.nl/assets/tiny-town \n\nlet assets = {};\n\nlet camera = { x: 0, y: 0 };\n\nlet player;\n\nlet tileSize = 32;\n\nlet logs = []; // <--\n\n// This function runs before everything else, and loads all the assets for the game\nfunction preload() {\n assets['log'] = loadImage(\"@asset('log')\");\n assets['mushroom'] = loadImage(\"@asset('mushroom')\");\n assets['sign'] = loadImage(\"@asset('sign')\");\n assets['redHouse9'] = loadImage(\"@asset('redHouse9')\");\n assets['redHouse8'] = loadImage(\"@asset('redHouse8')\");\n assets['redHouse7'] = loadImage(\"@asset('redHouse7')\");\n assets['redHouse6'] = loadImage(\"@asset('redHouse6')\");\n assets['redHouse5'] = loadImage(\"@asset('redHouse5')\");\n assets['redHouse4'] = loadImage(\"@asset('redHouse4')\");\n assets['redHouse3'] = loadImage(\"@asset('redHouse3')\");\n assets['redHouse2'] = loadImage(\"@asset('redHouse2')\");\n assets['redHouse1'] = loadImage(\"@asset('redHouse1')\");\n assets['greyHouse9'] = loadImage(\"@asset('greyHouse9')\");\n assets['greyHouse8'] = loadImage(\"@asset('greyHouse8')\");\n assets['greyHouse7'] = loadImage(\"@asset('greyHouse7')\");\n assets['greyHouse6'] = loadImage(\"@asset('greyHouse6')\");\n assets['greyHouse5'] = loadImage(\"@asset('greyHouse5')\");\n assets['greyHouse4'] = loadImage(\"@asset('greyHouse4')\");\n assets['greyHouse3'] = loadImage(\"@asset('greyHouse3')\");\n assets['greyHouse2'] = loadImage(\"@asset('greyHouse2')\");\n assets['greyHouse1'] = loadImage(\"@asset('greyHouse1')\");\n assets['path'] = loadImage(\"@asset('path')\");\n assets['fence9'] = loadImage(\"@asset('fence9')\");\n assets['fence8'] = loadImage(\"@asset('fence8')\");\n assets['fence7'] = loadImage(\"@asset('fence7')\");\n assets['fence6'] = loadImage(\"@asset('fence6')\");\n assets['fence5'] = loadImage(\"@asset('fence5')\");\n assets['fence4'] = loadImage(\"@asset('fence4')\");\n assets['fence3'] = loadImage(\"@asset('fence3')\");\n assets['fence2'] = loadImage(\"@asset('fence2')\");\n assets['fence1'] = loadImage(\"@asset('fence1')\");\n assets['tree2'] = loadImage(\"@asset('tree2')\");\n assets['tree1'] = loadImage(\"@asset('tree1')\");\n assets['land3'] = loadImage(\"@asset('land3')\");\n assets['land2'] = loadImage(\"@asset('land2')\");\n assets['land1'] = loadImage(\"@asset('land1')\");\n assets['bird'] = loadImage(\"@asset('bird')\");\n assets['rabbit'] = loadImage(\"@asset('rabbit')\");\n assets['squirrel'] = loadImage(\"@asset('squirrel')\");\n assets['chickenGif'] = loadImage(\"@asset('chickenGif')\");\n assets['toadGif'] = loadImage(\"@asset('toadGif')\");\n assets['monkeyGif'] = loadImage(\"@asset('monkeyGif')\");\n assets['cowGif'] = loadImage(\"@asset('cowGif')\");\n assets['dogGif'] = loadImage(\"@asset('dogGif')\");\n assets['catGif'] = loadImage(\"@asset('catGif')\");\n assets['sheepGif'] = loadImage(\"@asset('sheepGif')\");\n assets['arcticFoxGif'] = loadImage(\"@asset('arcticFoxGif')\");\n assets['porcupineGif'] = loadImage(\"@asset('porcupineGif')\");\n assets['sorceressGif'] = loadImage(\"@asset('sorceressGif')\");\n assets['druidGif'] = loadImage(\"@asset('druidGif')\");\n assets['fairyGif'] = loadImage(\"@asset('fairyGif')\");\n assets['darkWizardGif'] = loadImage(\"@asset('darkWizardGif')\");\n assets['villagerGif'] = loadImage(\"@asset('villagerGif')\");\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n noSmooth(); // Disable image smoothing for pixel art effect\n background(0, 150, 210);\n world = createWorld(100);\n drawWorld(world);\n\n // Initialize the player at a specific location on land\n player = new Player(50, 50); // 50, 50 is the center of the 100,100 world\n\n // Create logs in the world <--\n logs.push(new Log(51, 50));\n logs.push(new Log(50, 49));\n logs.push(new Log(50, 51));\n logs.push(new Log(49, 50));\n}\n\nfunction draw() {\n background(0, 150, 210); // Clear the screen for redrawing\n updateCamera();\n\n push();\n translate(-camera.x, -camera.y);\n\n drawWorld(world); // Redraw the world with land and items\n\n player.drawPlayer(); // Draw the player at the new position\n\n pop();\n}\n\n// New Log class<--\nclass Log {\n constructor(x, y) {\n this.x = x; // Log's x coordinate\n this.y = y; // Log's y coordinate\n this.sprite = assets['log']; // Log's sprite\n }\n\n drawLog() {\n image(this.sprite, this.x * tileSize, this.y * tileSize, tileSize, tileSize); // Draw the log\n }\n\n move(dx, dy, world) {\n let newX = this.x + dx;\n let newY = this.y + dy;\n\n // Check if the new log position is on land and within boundaries\n if (newX >= 0 && newX < world.length && newY >= 0 && newY < world[0].length && world[newY][newX].startsWith('land')) {\n this.x = newX;\n this.y = newY;\n return true; // Log moved successfully\n }\n return false; // Log couldn't move\n }\n}\n\nclass Player {\n constructor(x, y) {\n this.x = x; // Player's x coordinate\n this.y = y; // Player's y coordinate\n this.sprite = assets['arcticFoxGif']; // Player's sprite\n }\n\n drawPlayer() {\n image(this.sprite, this.x * tileSize, this.y * tileSize, tileSize, tileSize); // Draw the player at the new position\n }\n\n move(dx, dy) {\n let newX = this.x + dx;\n let newY = this.y + dy;\n\n // Check if the new position is land and within boundaries before moving\n if (newX >= 0 && newX < world.length && newY >= 0 && newY < world[0].length && world[newY][newX].startsWith('land')) {\n // Check collision with any log <--\n let logMoved = false;\n for (let log of logs) {\n if (newX === log.x && newY === log.y) {\n // Attempt to move the log\n if (log.move(dx, dy, world)) {\n logMoved = true;\n }\n break;\n }\n }\n // Move the player if log is moved or no log is in the way\n if (logMoved || !logs.some(log => log.x === newX && log.y === newY)) {\n this.x = newX;\n this.y = newY;\n }\n }\n }\n}\n\nfunction createWorld(size) {\n let world = [];\n for (let i = 0; i < size; i++) {\n world[i] = [];\n for (let j = 0; j < size; j++) {\n world[i][j] = '';\n }\n }\n\n // Define the island dimensions and top-left corner\n let islandWidth = Math.floor(size * 0.75); // 75% of the world size\n let islandHeight = Math.floor(size * 0.875); // 87.5% of the world size\n let topLeftX = Math.floor((size - islandWidth) / 2);\n let topLeftY = Math.floor((size - islandHeight) / 2);\n\n // Fill the island cells with land sprites\n for (let i = topLeftY; i < topLeftY + islandHeight; i++) {\n for (let j = topLeftX; j < topLeftX + islandWidth; j++) {\n let landType = `land${Math.ceil(Math.random() * 3)}`; // choose randomly from 3 land sprites, for variation\n world[i][j] = landType;\n }\n }\n\n return world;\n}\n\n// Allow arrow keys & wasd controls\nfunction keyPressed() {\n if (keyCode === LEFT_ARROW || key === 'a') {\n player.move(-1, 0);\n } else if (keyCode === RIGHT_ARROW || key === 'd') {\n player.move(1, 0);\n } else if (keyCode === UP_ARROW || key === 'w') {\n player.move(0, -1);\n } else if (keyCode === DOWN_ARROW || key === 's') {\n player.move(0, 1);\n }\n return false; // Prevent any default behavior\n}\n\nfunction updateCamera() {\n // Center the camera on the player\n camera.x = player.x * tileSize - width / 2 + (tileSize / 2);\n camera.y = player.y * tileSize - height / 2 + (tileSize / 2);\n}\n\nfunction drawWorld(world) {\n // Draw the land tiles first\n for (let i = 0; i < world.length; i++) {\n for (let j = 0; j < world[i].length; j++) {\n let tile = world[i][j];\n if (tile.startsWith('land')) {\n let img = assets[tile];\n if (img) {\n image(img, j * tileSize, i * tileSize, tileSize, tileSize);\n }\n }\n }\n }\n\n // Draw all logs <--\n for (let log of logs) {\n log.drawLog();\n }\n}\n\n","style.css":"body {\n font-family: 'Courier Prime', monospace;\n}","index.html":"\n\n\n\n \n \n Village Sim w Dialogue\n \n \n \n \n \n\n\n\n\n\n"},"chat_history":[],"assets":[{"project_id":3499,"creator":null,"cloudinary_id":"bvwpihx3gand0pscfuia","deleted":false,"id":23795,"created_at":"2024-10-06T21:58:05.836926Z","name":"log","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"eekbu9zs5k6pzgbnzmjh","deleted":false,"id":23794,"created_at":"2024-10-06T21:58:05.835677Z","name":"sign","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"phhs0zvy5pf4adf7fxfj","deleted":false,"id":23793,"created_at":"2024-10-06T21:58:05.834409Z","name":"redHouse9","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"wssbpdopujtmzcutrcl3","deleted":false,"id":23792,"created_at":"2024-10-06T21:58:05.833248Z","name":"redHouse8","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"exlda66agliecczd2v1y","deleted":false,"id":23791,"created_at":"2024-10-06T21:58:05.831879Z","name":"redHouse7","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"z79tfmskdhtir61reusr","deleted":false,"id":23790,"created_at":"2024-10-06T21:58:05.830478Z","name":"redHouse6","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"ta1uokzgw2bjcz68asve","deleted":false,"id":23789,"created_at":"2024-10-06T21:58:05.829245Z","name":"redHouse5","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"nfflswnehcbvim3yget1","deleted":false,"id":23788,"created_at":"2024-10-06T21:58:05.827999Z","name":"redHouse4","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"zznmqtu4ghceg46xf8bf","deleted":false,"id":23787,"created_at":"2024-10-06T21:58:05.826859Z","name":"redHouse3","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"rdftqgs0ibfukfyujbsy","deleted":false,"id":23786,"created_at":"2024-10-06T21:58:05.825708Z","name":"redHouse2","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"r2hnwu1aw5fox9ngivdl","deleted":false,"id":23785,"created_at":"2024-10-06T21:58:05.824482Z","name":"redHouse1","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"h77isapmu9zvzjao9ddu","deleted":false,"id":23784,"created_at":"2024-10-06T21:58:05.823277Z","name":"greyHouse9","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"n8vxadlwfeni7clv1ivj","deleted":false,"id":23783,"created_at":"2024-10-06T21:58:05.821742Z","name":"greyHouse8","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"h1aomkggqxv0lgc89kxj","deleted":false,"id":23782,"created_at":"2024-10-06T21:58:05.820507Z","name":"greyHouse7","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"wcx1oiiy15hwbys7rppp","deleted":false,"id":23781,"created_at":"2024-10-06T21:58:05.819243Z","name":"greyHouse6","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"rnqa6nsym6vsq1cytnmq","deleted":false,"id":23780,"created_at":"2024-10-06T21:58:05.818015Z","name":"greyHouse5","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"spntm3xkatkydnwy7e6a","deleted":false,"id":23779,"created_at":"2024-10-06T21:58:05.816743Z","name":"greyHouse4","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"zm3qnv3lu3l5lcbiimqs","deleted":false,"id":23778,"created_at":"2024-10-06T21:58:05.815606Z","name":"greyHouse3","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"qomggg3jawh2ay2rzcsj","deleted":false,"id":23777,"created_at":"2024-10-06T21:58:05.814371Z","name":"greyHouse2","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"uvnype8kutb8kgde18ls","deleted":false,"id":23776,"created_at":"2024-10-06T21:58:05.812762Z","name":"greyHouse1","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"nonb1jglvjc2y7pqtblh","deleted":false,"id":23775,"created_at":"2024-10-06T21:58:05.811237Z","name":"path","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"ugr5rnpktccakflykocz","deleted":false,"id":23774,"created_at":"2024-10-06T21:58:05.809279Z","name":"fence9","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"sjw8ehalkgpkfmaxuw0a","deleted":false,"id":23773,"created_at":"2024-10-06T21:58:05.791490Z","name":"fence8","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"zw7xu2x5ewcw7qxyxsum","deleted":false,"id":23772,"created_at":"2024-10-06T21:58:05.774260Z","name":"fence7","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"exujjqrxwpntmjnvctzw","deleted":false,"id":23771,"created_at":"2024-10-06T21:58:05.754643Z","name":"fence6","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"ne2gpx082zb25hmpzioa","deleted":false,"id":23770,"created_at":"2024-10-06T21:58:05.753412Z","name":"fence5","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"qjdtyhntkkwtmviz0dnf","deleted":false,"id":23769,"created_at":"2024-10-06T21:58:05.752104Z","name":"fence4","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"bq2pqtwrjwnuobypfvvv","deleted":false,"id":23768,"created_at":"2024-10-06T21:58:05.750505Z","name":"fence3","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"ce9t9qs1dg5bz8srwfvh","deleted":false,"id":23767,"created_at":"2024-10-06T21:58:05.749356Z","name":"fence2","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"j5zbnmntsccjpb9dio27","deleted":false,"id":23766,"created_at":"2024-10-06T21:58:05.748063Z","name":"fence1","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"h7oxtd56j8itoi5zexez","deleted":false,"id":23765,"created_at":"2024-10-06T21:58:05.746870Z","name":"mushroom","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"xuonfkahy6pixc6vu0ul","deleted":false,"id":23764,"created_at":"2024-10-06T21:58:05.745781Z","name":"tree2","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"apb9bizgo5ddqkurh8lj","deleted":false,"id":23763,"created_at":"2024-10-06T21:58:05.744655Z","name":"tree1","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"npm43vxlsbootgzux7ya","deleted":false,"id":23762,"created_at":"2024-10-06T21:58:05.743442Z","name":"land3","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"v6aycxv24nq2utf9q0lx","deleted":false,"id":23761,"created_at":"2024-10-06T21:58:05.742311Z","name":"land2","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"sbqy50d2e4wgi8sbpelo","deleted":false,"id":23760,"created_at":"2024-10-06T21:58:05.740967Z","name":"land1","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"mpzyuzqh2rojbep24wae","deleted":false,"id":23759,"created_at":"2024-10-06T21:58:05.739748Z","name":"bird","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"mis9ye0fa4jyf2eqb8w2","deleted":false,"id":23758,"created_at":"2024-10-06T21:58:05.738443Z","name":"rabbit","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"xbxbfins2pmkepzbyehv","deleted":false,"id":23757,"created_at":"2024-10-06T21:58:05.737185Z","name":"squirrel","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"xnzdk7aii2fmzxlzrhbm","deleted":false,"id":23756,"created_at":"2024-10-06T21:58:05.735945Z","name":"coverImg1","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"dzupqvdpv0w2vqbhtdgj","deleted":false,"id":23755,"created_at":"2024-10-06T21:58:05.734456Z","name":"gifCover","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"ocalg5vd2134vayrw5nj","deleted":false,"id":23754,"created_at":"2024-10-06T21:58:05.733279Z","name":"littleTune","resource_type":"audio","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"fufmoraqkqkuubv2wryd","deleted":false,"id":23753,"created_at":"2024-10-06T21:58:05.731923Z","name":"chickenGif","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"uze0nzesm28tbz6fwvko","deleted":false,"id":23752,"created_at":"2024-10-06T21:58:05.730665Z","name":"toadGif","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"roskp1auyvcgjimmklw0","deleted":false,"id":23751,"created_at":"2024-10-06T21:58:05.729440Z","name":"monkeyGif","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"rahgwmud5vhscrszscx9","deleted":false,"id":23750,"created_at":"2024-10-06T21:58:05.728204Z","name":"cowGif","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"o3xmahrnn184resdjcfr","deleted":false,"id":23749,"created_at":"2024-10-06T21:58:05.727039Z","name":"dogGif","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"qvmcw6f3ykfwodezdice","deleted":false,"id":23748,"created_at":"2024-10-06T21:58:05.725697Z","name":"catGif","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"rcwqxian871z49qjqocc","deleted":false,"id":23747,"created_at":"2024-10-06T21:58:05.724359Z","name":"sheepGif","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"pm4bmvcoyp82o8z8jton","deleted":false,"id":23746,"created_at":"2024-10-06T21:58:05.723134Z","name":"arcticFoxGif","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"yepcnhagrzv0wgloj01v","deleted":false,"id":23745,"created_at":"2024-10-06T21:58:05.721675Z","name":"porcupineGif","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"kv1molxwvspxfjqrhppu","deleted":false,"id":23744,"created_at":"2024-10-06T21:58:05.719711Z","name":"sorceressGif","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"hfxnub0pbbxmhuezymz7","deleted":false,"id":23743,"created_at":"2024-10-06T21:58:05.718499Z","name":"druidGif","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"e5wvftdy9vqzonpe70a8","deleted":false,"id":23742,"created_at":"2024-10-06T21:58:05.717191Z","name":"fairyGif","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"suhigxj2cj9cr8aurrji","deleted":false,"id":23741,"created_at":"2024-10-06T21:58:05.715826Z","name":"darkWizardGif","resource_type":"image","tags":null},{"project_id":3499,"creator":null,"cloudinary_id":"hbontioo01ekecesosx3","deleted":false,"id":23740,"created_at":"2024-10-06T21:58:05.713477Z","name":"villagerGif","resource_type":"image","tags":null}],"messages_sent":6,"comments":[],"steps":[]}