Village Sim

{"name":"Village Sim 8-21-2025","description":"Build and manage your own village! Help the villagers by constructing houses and ensuring their happiness. Explore the village and see the impact of your decisions on the villagers' lives.","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/cg54vdrbqlcaetjdqx0d","view_count":1,"fork_count":0,"expires_at":null,"created_at":"2025-08-21T18:43:04.606073Z","updated_at":"2025-08-21T18:43:04.606077Z","user_id":70,"status":"PRIVATE","parent_id":1243,"id":9710,"user":{"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","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":200},"code":{"House.js":"class House {\n constructor(x, y) {\n this.x = x; // Top-left x coordinate of the house\n this.y = y; // Top-left y coordinate of the house, adjusted for the garden height\n this.houseTiles = []; // 3x3 grid of house images\n this.gardenTiles = ['fence1', 'fence2', 'fence3', 'fence4', 'fence5', 'fence6', 'fence7', 'fence8', 'fence9']; // 3x3 grid of garden images\n }\n\n drawHouse() {\n // Draw the garden tiles, now behind the house\n for (let i = 0; i < 3; i++) {\n for (let j = 0; j < 3; j++) {\n let img = assets[this.gardenTiles[i * 3 + j]];\n // Shifts the garden drawing behind the house by subtracting 3 from the y-coordinate\n image(img, (this.x + j) * 16, (this.y + i - 3) * 16, 16, 16);\n }\n }\n\n // Draw the house tiles\n for (let i = 0; i < 3; i++) {\n for (let j = 0; j < 3; j++) {\n let img = assets[this.houseTiles[i * 3 + j]];\n image(img, (this.x + j) * 16, (this.y + i) * 16, 16, 16);\n }\n }\n }\n}","Player.js":"class 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['rabbit']; // Player's sprite\n }\n\n drawPlayer() {\n image(this.sprite, this.x * 16, this.y * 16, 16, 16); // Draw the player at the current position\n }\n\n move(dx, dy) {\n let newX = this.x + dx;\n let newY = this.y + dy;\n // Check if the new position is land before moving\n if (world[newY] && world[newY][newX] && world[newY][newX].startsWith('land')) {\n this.x = newX;\n this.y = newY;\n }\n }\n}","script.js":"// NEXT STEPS:\n// Idea 1: Add villagers! Use the bird and squirrel assets.\n// Idea 2: Add a dialogue system for villagers, and interaction for the player to chat with them\n// Idea 3: Add camera follow for the player! Make the world larger than the view area!\n// Idea 4: Add a day/night cycle! Make villagers go back into their houses at night to rest, and come out again in the morning!\n// Idea 5: Add a build system, so the player can build houses and attract new villagers to the world!\n\n// VILLAGE SIM TEMPLATE\n// ————— by Kristen —————\n// Assets by Kenney -- https://kenney.nl/assets/tiny-town \n\nlet assets = {};\nlet keys = {};\n\nfunction preload() {\n // Load the assets\n assets['log'] = loadImage(\"@asset('log')\");\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['mushroom'] = loadImage(\"@asset('mushroom')\");\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}\n\nlet player;\nlet houses = [];\nlet moveDelay = 8; // Number of frames to wait between movements\nlet moveCounter = 0; // Counter to track the delay\n\nfunction setup() {\n createCanvas(640, 640);\n noSmooth(); // Disable smoothing for pixel art\n background(0, 150, 210);\n world = createWorld(40); // 640px / 16px per cell = 40 cells per side\n drawWorld(world);\n\n let redHouse = new RedHouse(10, 10);\n redHouse.drawHouse();\n houses.push(redHouse);\n\n // Initialize the player at a specific location on land\n player = new Player(20, 20);\n}\n\nfunction draw() {\n background(0, 150, 210); // Clear the screen for redrawing\n drawWorld(world); // Redraw the world\n\n player.drawPlayer(); // Draw the player\n\n moveCounter++;\n\n // Check for continuous movement, if the moveCounter is greater than the moveDelay\n // This prevents the player from moving too fast. Change the moveDelay number to adjust speed!\n if (moveCounter > moveDelay) {\n if (keys['ArrowLeft'] || keys['a']) {\n player.move(-1, 0);\n } else if (keys['ArrowRight'] || keys['d']) {\n player.move(1, 0);\n } else if (keys['ArrowUp'] || keys['w']) {\n player.move(0, -1);\n } else if (keys['ArrowDown'] || keys['s']) {\n player.move(0, 1);\n }\n moveCounter = 0; // Reset the counter after moving\n }\n\n // Draw houses again to ensure they appear above the land tiles after redrawing the world\n houses.forEach((house) => {\n house.drawHouse();\n })\n}\n\nfunction createWorld(size) {\n // Represent the world as an array of cells, like this:\n // [ cell1, cell2, cell3, cell4 ]\n // [ cell5, cell6, cell7, cell8 ]\n // with 40 cells in each row (left --> right) and 40 cells in each column (top --> bottom)\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 // The world is 40 x 40 and the island is 30 x 35\n // so that some water shows around the island :) \n let islandWidth = 30;\n let islandHeight = 35;\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 // Randomly choose between land1, land2, and land3 for variety\n let landType = `land${Math.ceil(Math.random() * 3)}`;\n world[i][j] = landType;\n }\n }\n\n return world;\n}\n\nfunction drawWorld(world) {\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 !== '') { // Check if there's a tile to draw\n let img = assets[tile]; // Get the image from the assets object\n if (img) { // Check if the image exists\n image(img, j * 16, i * 16, 16, 16); // Draw the image\n }\n } else {\n // Optional: Draw an empty rectangle or background tile if needed\n noFill();\n stroke(255);\n rect(j * 16, i * 16, 16, 16);\n }\n }\n }\n}\n\n\n\nclass GreyHouse extends House {\n constructor(x, y) {\n super(x, y);\n this.houseTiles = ['greyHouse1', 'greyHouse2', 'greyHouse3', 'greyHouse4', 'greyHouse5', 'greyHouse6', 'greyHouse7', 'greyHouse8', 'greyHouse9'];\n }\n}\n\nclass RedHouse extends House {\n constructor(x, y) {\n super(x, y);\n this.houseTiles = ['redHouse1', 'redHouse2', 'redHouse3', 'redHouse4', 'redHouse5', 'redHouse6', 'redHouse7', 'redHouse8', 'redHouse9'];\n }\n}\n\n\n\nfunction keyPressed() {\n keys[key] = true;\n return false; // Prevent any default behavior\n}\n\nfunction keyReleased() {\n keys[key] = false;\n return false; // Prevent any default behavior\n}","style.css":"","index.html":"\n\n\n\n \n \n Village Sim\n \n\n\n\n\n \n \n \n\n\n"},"chat_history":[],"assets":[{"name":"log","created_at":"2025-08-21T18:43:06.627447Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"bvwpihx3gand0pscfuia","deleted":false,"id":85016},{"name":"sign","created_at":"2025-08-21T18:43:06.580604Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"eekbu9zs5k6pzgbnzmjh","deleted":false,"id":85015},{"name":"redHouse9","created_at":"2025-08-21T18:43:06.533471Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"phhs0zvy5pf4adf7fxfj","deleted":false,"id":85014},{"name":"redHouse8","created_at":"2025-08-21T18:43:06.486855Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"wssbpdopujtmzcutrcl3","deleted":false,"id":85013},{"name":"redHouse7","created_at":"2025-08-21T18:43:06.440187Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"exlda66agliecczd2v1y","deleted":false,"id":85012},{"name":"redHouse6","created_at":"2025-08-21T18:43:06.393348Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"z79tfmskdhtir61reusr","deleted":false,"id":85011},{"name":"redHouse5","created_at":"2025-08-21T18:43:06.346697Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"ta1uokzgw2bjcz68asve","deleted":false,"id":85010},{"name":"redHouse4","created_at":"2025-08-21T18:43:06.299852Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"nfflswnehcbvim3yget1","deleted":false,"id":85009},{"name":"redHouse3","created_at":"2025-08-21T18:43:06.253252Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"zznmqtu4ghceg46xf8bf","deleted":false,"id":85008},{"name":"redHouse2","created_at":"2025-08-21T18:43:06.206044Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"rdftqgs0ibfukfyujbsy","deleted":false,"id":85007},{"name":"redHouse1","created_at":"2025-08-21T18:43:06.159571Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"r2hnwu1aw5fox9ngivdl","deleted":false,"id":85006},{"name":"greyHouse9","created_at":"2025-08-21T18:43:06.112798Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"h77isapmu9zvzjao9ddu","deleted":false,"id":85005},{"name":"greyHouse8","created_at":"2025-08-21T18:43:06.065973Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"n8vxadlwfeni7clv1ivj","deleted":false,"id":85004},{"name":"greyHouse7","created_at":"2025-08-21T18:43:06.018267Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"h1aomkggqxv0lgc89kxj","deleted":false,"id":85003},{"name":"greyHouse6","created_at":"2025-08-21T18:43:05.971159Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"wcx1oiiy15hwbys7rppp","deleted":false,"id":85002},{"name":"greyHouse5","created_at":"2025-08-21T18:43:05.924374Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"rnqa6nsym6vsq1cytnmq","deleted":false,"id":85001},{"name":"greyHouse4","created_at":"2025-08-21T18:43:05.877409Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"spntm3xkatkydnwy7e6a","deleted":false,"id":85000},{"name":"greyHouse3","created_at":"2025-08-21T18:43:05.830749Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"zm3qnv3lu3l5lcbiimqs","deleted":false,"id":84999},{"name":"greyHouse2","created_at":"2025-08-21T18:43:05.784053Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"qomggg3jawh2ay2rzcsj","deleted":false,"id":84998},{"name":"greyHouse1","created_at":"2025-08-21T18:43:05.737612Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"uvnype8kutb8kgde18ls","deleted":false,"id":84997},{"name":"path","created_at":"2025-08-21T18:43:05.690855Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"nonb1jglvjc2y7pqtblh","deleted":false,"id":84996},{"name":"fence9","created_at":"2025-08-21T18:43:05.644063Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"ugr5rnpktccakflykocz","deleted":false,"id":84995},{"name":"fence8","created_at":"2025-08-21T18:43:05.597159Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"sjw8ehalkgpkfmaxuw0a","deleted":false,"id":84994},{"name":"fence7","created_at":"2025-08-21T18:43:05.550530Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"zw7xu2x5ewcw7qxyxsum","deleted":false,"id":84993},{"name":"fence6","created_at":"2025-08-21T18:43:05.503700Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"exujjqrxwpntmjnvctzw","deleted":false,"id":84992},{"name":"fence5","created_at":"2025-08-21T18:43:05.457260Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"ne2gpx082zb25hmpzioa","deleted":false,"id":84991},{"name":"fence4","created_at":"2025-08-21T18:43:05.410051Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"qjdtyhntkkwtmviz0dnf","deleted":false,"id":84990},{"name":"fence3","created_at":"2025-08-21T18:43:05.362089Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"bq2pqtwrjwnuobypfvvv","deleted":false,"id":84989},{"name":"fence2","created_at":"2025-08-21T18:43:05.315105Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"ce9t9qs1dg5bz8srwfvh","deleted":false,"id":84988},{"name":"fence1","created_at":"2025-08-21T18:43:05.268368Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"j5zbnmntsccjpb9dio27","deleted":false,"id":84987},{"name":"mushroom","created_at":"2025-08-21T18:43:05.220711Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"h7oxtd56j8itoi5zexez","deleted":false,"id":84986},{"name":"tree2","created_at":"2025-08-21T18:43:05.173607Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"xuonfkahy6pixc6vu0ul","deleted":false,"id":84985},{"name":"tree1","created_at":"2025-08-21T18:43:05.126553Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"apb9bizgo5ddqkurh8lj","deleted":false,"id":84984},{"name":"land3","created_at":"2025-08-21T18:43:05.079105Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"npm43vxlsbootgzux7ya","deleted":false,"id":84983},{"name":"land2","created_at":"2025-08-21T18:43:05.031229Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"v6aycxv24nq2utf9q0lx","deleted":false,"id":84982},{"name":"land1","created_at":"2025-08-21T18:43:04.984126Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"sbqy50d2e4wgi8sbpelo","deleted":false,"id":84981},{"name":"bird","created_at":"2025-08-21T18:43:04.935890Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"mpzyuzqh2rojbep24wae","deleted":false,"id":84980},{"name":"rabbit","created_at":"2025-08-21T18:43:04.888779Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"mis9ye0fa4jyf2eqb8w2","deleted":false,"id":84979},{"name":"squirrel","created_at":"2025-08-21T18:43:04.841792Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"xbxbfins2pmkepzbyehv","deleted":false,"id":84978},{"name":"coverimg","created_at":"2025-08-21T18:43:04.794923Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"gsgaxybu7csrjatmkwjv","deleted":false,"id":84977},{"name":"gifThumbnail","created_at":"2025-08-21T18:43:04.747671Z","resource_type":"image","tags":[],"project_id":9710,"creator":null,"cloudinary_id":"cg54vdrbqlcaetjdqx0d","deleted":false,"id":84976}],"messages_sent":0,"comments":[],"steps":[]}