Village Sim w Dialogue

{"name":"Ginny dec18","description":"Ctrl+Alt+Story day 1 template. A game with NPCs and speech. ","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/dzupqvdpv0w2vqbhtdgj","view_count":4,"fork_count":0,"expires_at":null,"created_at":"2025-01-07T16:36:25.312346Z","updated_at":"2025-01-07T16:36:25.312347Z","user_id":70,"status":"DELETED","parent_id":4953,"id":5169,"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 DAY 1 TEMPLATE \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 = 48;\n\nlet villagers = [];\n\nconst moveInterval = 500;\n\nlet lastMoveTime = 0;\n\nconst villager3Dialogues = [\n \"Hi! Are you new here?\",\n];\n\nconst landSprites = ['land1', 'land2', 'land3'];\n\nlet missingObject;\n\nlet missingObjectFound = false;\n\nconst playerDialogues = {\n villager1: \"Hi! You seem to be looking for something.\",\n villager2: \"I'm helping chicken look for a mushroom. Where should I look?\",\n villager3: \"I just moved into the village, it's nice to meet you!\"\n};\n\nconst villager1Dialogues = [\n \"Follow the red bark trees.\",\n];\n\nconst villager2Dialogues = [\n \"Follow the butterflies.\",\n];\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['path'] = loadImage(\"@asset('path')\");\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['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(30);\n drawWorld(world);\n // Initialize the player at a specific location on land\n player = new Player(15, 15); // 50, 50 is the center of the 100,100 world\n\n let villager1 = new Villager(13, 10, assets['chickenGif'], villager1Dialogues);\n let villager2 = new Villager(17, 15, assets['dogGif'], villager2Dialogues);\n let villager3 = new Villager(5, 5, assets['monkeyGif'], villager3Dialogues);\n villagers.push(villager1, villager2, villager3);\n\n // Add missing object at a specific location\n missingObject = new MissingObject(19, 19);\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 villagers.forEach((villager) => {\n villager.drawVillager();\n if (dist(player.x, player.y, villager.x, villager.y) < 2) {\n if (!villager.dialogueActive) {\n villager.triggerDialogue(); // Reset the dialogue position\n }\n villager.showDialogue(); // Show dialogue if the player is near the villager\n showPlayerDialogue(villager); // Show player dialogue\n } else {\n villager.endDialogue(); // End the dialogue if the player moves away\n }\n });\n\n // Check for collision with the missing object\n missingObject.checkCollision(player);\n\n pop();\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 this.x = newX;\n this.y = newY;\n }\n }\n}\n\nclass Villager {\n constructor(x, y, sprite, dialogues) {\n this.x = x; // Villager's x coordinate\n this.y = y; // Villager's y coordinate\n this.sprite = sprite; // Villager's sprite\n this.dialogues = dialogues; // Array of dialogues\n this.currentDialogueIndex = 0; // Start at the first dialogue\n this.dialogue = this.dialogues[this.currentDialogueIndex]; // Use the current dialogue index\n this.dialoguePosition = 0; // Current position in the dialogue string\n this.lastUpdateTime = 0; // Time of the last update\n this.updateInterval = 50; // Interval between each character display (in milliseconds)\n this.dialogueActive = false; // Flag to check if dialogue is active\n }\n\n drawVillager() {\n image(this.sprite, this.x * tileSize, this.y * tileSize, tileSize, tileSize); // Draw the villager at the current position\n }\n\n move(dx, dy) {\n let newX = this.x + dx;\n let newY = this.y + dy;\n this.x = newX;\n this.y = newY;\n }\n\n showDialogue() {\n let currentTime = millis();\n if (currentTime - this.lastUpdateTime > this.updateInterval) {\n this.dialoguePosition = min(this.dialoguePosition + 1, this.dialogue.length);\n this.lastUpdateTime = currentTime;\n }\n\n let displayedText = this.dialogue.substring(0, this.dialoguePosition);\n let maxWidth = 80; // Maximum width of the dialogue bubble\n let padding = 10; // Padding around the text\n textSize(10);\n\n let lines = wrapText(displayedText, maxWidth);\n\n let bubbleWidth = maxWidth + padding * 2;\n let bubbleHeight = lines.length * textSize() + padding * 2;\n\n // Draw the bubble\n fill(255);\n rect(this.x * tileSize - bubbleWidth / 4, this.y * tileSize - bubbleHeight - 10, bubbleWidth, bubbleHeight, 5);\n\n // Draw the text\n fill(0);\n textAlign(CENTER, CENTER);\n\n // Calculate the starting y position for the text to be vertically centered\n let startY = this.y * tileSize - bubbleHeight + padding / 2;\n\n for (let i = 0; i < lines.length; i++) {\n text(lines[i], this.x * tileSize + bubbleWidth / 4, startY + i * textSize());\n }\n }\n\n triggerDialogue() {\n // Use the current dialogue index\n this.dialogue = this.dialogues[this.currentDialogueIndex];\n this.dialoguePosition = 0; // Reset dialogue position\n this.lastUpdateTime = 0; // Reset the update time\n this.dialogueActive = true; // Set the dialogue as active\n\n // Move to the next dialogue index if possible\n // We may change this to have conditions for showing certain dialogues!\n if (this.currentDialogueIndex < this.dialogues.length - 1) {\n this.currentDialogueIndex++;\n }\n }\n endDialogue() {\n this.dialogueActive = false; // Set the dialogue as inactive\n }\n}\n\nclass MissingObject {\n constructor(x, y) {\n this.x = x; // Missing object's x coordinate\n this.y = y; // Missing object's y coordinate\n this.sprite = assets['mushroom']; // Using the mushroom sprite\n }\n\n draw() {\n image(this.sprite, this.x * tileSize, this.y * tileSize, tileSize, tileSize); // Draw the missing object\n }\n\n checkCollision(player) {\n if (!missingObjectFound && player.x === this.x && player.y === this.y) {\n console.log(\"Collision with Missing Object!\");\n missingObjectFound = true; // Set to true upon first collision\n }\n }\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 moveVillagers() {\n let currentTime = millis();\n if (currentTime - lastMoveTime >= moveInterval) {\n villagers.forEach(villager => {\n if (dist(player.x, player.y, villager.x, villager.y) >= 2) {\n let dx = Math.floor(Math.random() * 3) - 1; // Randomly choose between -1, 0, 1\n let dy = Math.floor(Math.random() * 3) - 1; // Randomly choose between -1, 0, 1\n villager.move(dx, dy); // Move the villager\n }\n });\n lastMoveTime = currentTime;\n }\n}\n\nfunction wrapText(text, maxWidth) {\n let words = text.split(' ');\n let lines = [];\n let currentLine = words[0];\n\n for (let i = 1; i < words.length; i++) {\n let word = words[i];\n let width = textWidth(currentLine + ' ' + word);\n if (width < maxWidth) {\n currentLine += ' ' + word;\n } else {\n lines.push(currentLine);\n currentLine = word;\n }\n }\n lines.push(currentLine);\n return lines;\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 (landSprites.includes(tile)) { // Check if the tile is in the landSprites array\n let img = assets[tile];\n if (img) {\n image(img, j * tileSize, i * tileSize, tileSize, tileSize);\n }\n }\n }\n }\n\n if (missingObject) {\n missingObject.draw();\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 from the landSprites array\n for (let i = topLeftY; i < topLeftY + islandHeight; i++) {\n for (let j = topLeftX; j < topLeftX + islandWidth; j++) {\n let randomIndex = Math.floor(Math.random() * landSprites.length); // Select a random index\n let landType = landSprites[randomIndex]; // Choose a land sprite from the array\n world[i][j] = landType;\n }\n }\n\n return world;\n}\n\nfunction showPlayerDialogue(villager) {\n let dialogue = playerDialogues[`villager${villagers.indexOf(villager) + 1}`];\n let maxWidth = 80; // Set this to match the NPC dialogue bubble width\n let padding = 10; // Padding around the text\n textSize(10);\n\n let lines = wrapText(dialogue, maxWidth);\n\n let bubbleWidth = maxWidth + padding * 2; // Calculate bubble width\n let bubbleHeight = lines.length * textSize() + padding * 2; // Calculate bubble height\n\n // Draw the bubble\n fill(255);\n rect(player.x * tileSize - bubbleWidth / 4, player.y * tileSize + bubbleHeight + 10 - 10, bubbleWidth, bubbleHeight, 5);\n\n // Draw the text\n fill(0);\n textAlign(CENTER, CENTER);\n\n // Calculate the starting y position for the text to be vertically centered\n let startY = player.y * tileSize + bubbleHeight + 10 + padding / 2;\n\n for (let i = 0; i < lines.length; i++) {\n text(lines[i], player.x * tileSize + bubbleWidth / 4, startY + i * textSize());\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":[{"message":"ERROR: Uncaught ReferenceError: aaaa is not defined at 81:1 in script.js","project_id":5169,"created_at":"2024-12-18T20:21:09.874203Z","output_tokens":null,"sender":"human","code_id":193055,"deleted":0,"input_tokens":null,"id":96499},{"message":"It looks like there's an accidental typo or extra text in your `setup()` function. Let's get that fixed so your game can run smoothly.\n\nCould you tell me if you want to add any new features or changes to your village simulation game?","project_id":5169,"created_at":"2024-12-18T20:21:09.889405Z","output_tokens":58,"sender":"ai","code_id":193055,"deleted":0,"input_tokens":5846,"id":96500},{"message":"Let's get started!","project_id":5169,"created_at":"2024-12-18T20:27:40.520342Z","output_tokens":null,"sender":"human","code_id":193071,"deleted":0,"input_tokens":null,"id":96526},{"message":"Great! Let's fix the error you're encountering. It seems there's a reference error because of a possible typo or undefined variable.\n\nCould you please check line 81 in your `script.js` file to see if there's a typo or an unintended variable reference? If you're unsure, let me know what you find, and we can sort it out together.\n\nAdditionally, if you have any specific features or additions you want to make to your village simulation game, feel free to share!","project_id":5169,"created_at":"2024-12-18T20:27:40.537279Z","output_tokens":115,"sender":"ai","code_id":193071,"deleted":0,"input_tokens":5745,"id":96527},{"message":"when the wolf approaches the chicken it should say \"hello there\"","project_id":5169,"created_at":"2024-12-18T20:27:53.480480Z","output_tokens":null,"sender":"human","code_id":193071,"deleted":0,"input_tokens":null,"id":96528},{"message":"To make the chicken villager say \"hello there\" when the player (wolf) approaches, we need to add this dialogue to the chicken villager's dialogue list. Let's update the `villager1Dialogues` array with this new dialogue.\n\nHere's what you need to do:\n\n1. Add the new dialogue to the `villager1Dialogues` array.\n2. Ensure the game logic triggers the correct dialogue when the player is near the chicken villager.\n\nLet's update the code:\n\n```javascript\nconst villager1Dialogues = [\n \"Follow the red bark trees.\",\n \"hello there\" // Add this new dialogue to the list\n];\n```\n\nThis will add the dialogue \"hello there\" to the chicken villager's list of dialogues. When you approach the villager, it should now say \"hello there\" after the initial dialogue.\n\n- The `villager1Dialogues` array now includes \"hello there\" as part of the dialogues.\n- Each time you approach the villager, it will cycle through the dialogues. If you want it to always say \"hello there\" first, you can reorder the dialogues as needed.","project_id":5169,"created_at":"2024-12-18T20:27:53.538454Z","output_tokens":251,"sender":"ai","code_id":193071,"deleted":0,"input_tokens":5753,"id":96529},{"message":"the wold shoudl say that not the chicken","project_id":5169,"created_at":"2024-12-18T20:28:05.695717Z","output_tokens":null,"sender":"human","code_id":193071,"deleted":0,"input_tokens":null,"id":96530},{"message":"Got it! Let's update your code so that the player (wolf) says \"hello there\" when approaching the chicken. We need to update the `playerDialogues` for `villager1`, which represents the chicken in your game.\n\nHere's the change you need to make:\n\n1. Update the `playerDialogues` object to include \"hello there\" for `villager1`.\n\nLet's update the code:\n\n```javascript\nconst playerDialogues = {\n villager1: \"hello there\", // Update this to make the wolf say \"hello there\"\n villager2: \"I'm helping chicken look for a mushroom. Where should I look?\",\n villager3: \"I just moved into the village, it's nice to meet you!\"\n};\n```\n\n- The `playerDialogues` object now has the wolf saying \"hello there\" when approaching the chicken.\n- The dialogue will be displayed when the player is near the chicken villager.","project_id":5169,"created_at":"2024-12-18T20:28:05.708843Z","output_tokens":201,"sender":"ai","code_id":193071,"deleted":0,"input_tokens":5751,"id":96531}],"assets":[{"project_id":5169,"creator":null,"cloudinary_id":"hbontioo01ekecesosx3","deleted":false,"id":54566,"created_at":"2024-12-18T20:20:54.406886Z","name":"villagerGif","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"suhigxj2cj9cr8aurrji","deleted":false,"id":54565,"created_at":"2024-12-18T20:20:54.402763Z","name":"darkWizardGif","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"e5wvftdy9vqzonpe70a8","deleted":false,"id":54564,"created_at":"2024-12-18T20:20:54.399813Z","name":"fairyGif","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"hfxnub0pbbxmhuezymz7","deleted":false,"id":54563,"created_at":"2024-12-18T20:20:54.396861Z","name":"druidGif","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"kv1molxwvspxfjqrhppu","deleted":false,"id":54562,"created_at":"2024-12-18T20:20:54.393923Z","name":"sorceressGif","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"yepcnhagrzv0wgloj01v","deleted":false,"id":54561,"created_at":"2024-12-18T20:20:54.390512Z","name":"porcupineGif","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"pm4bmvcoyp82o8z8jton","deleted":false,"id":54560,"created_at":"2024-12-18T20:20:54.386609Z","name":"arcticFoxGif","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"rcwqxian871z49qjqocc","deleted":false,"id":54559,"created_at":"2024-12-18T20:20:54.384018Z","name":"sheepGif","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"qvmcw6f3ykfwodezdice","deleted":false,"id":54558,"created_at":"2024-12-18T20:20:54.381094Z","name":"catGif","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"o3xmahrnn184resdjcfr","deleted":false,"id":54557,"created_at":"2024-12-18T20:20:54.378155Z","name":"dogGif","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"rahgwmud5vhscrszscx9","deleted":false,"id":54556,"created_at":"2024-12-18T20:20:54.373253Z","name":"cowGif","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"roskp1auyvcgjimmklw0","deleted":false,"id":54555,"created_at":"2024-12-18T20:20:54.370130Z","name":"monkeyGif","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"uze0nzesm28tbz6fwvko","deleted":false,"id":54554,"created_at":"2024-12-18T20:20:54.366668Z","name":"toadGif","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"fufmoraqkqkuubv2wryd","deleted":false,"id":54553,"created_at":"2024-12-18T20:20:54.344273Z","name":"chickenGif","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"ocalg5vd2134vayrw5nj","deleted":false,"id":54552,"created_at":"2024-12-18T20:20:54.330914Z","name":"littleTune","resource_type":"audio","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"dzupqvdpv0w2vqbhtdgj","deleted":false,"id":54551,"created_at":"2024-12-18T20:20:54.327275Z","name":"gifCover","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"xnzdk7aii2fmzxlzrhbm","deleted":false,"id":54550,"created_at":"2024-12-18T20:20:54.322781Z","name":"coverImg1","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"sbqy50d2e4wgi8sbpelo","deleted":false,"id":54549,"created_at":"2024-12-18T20:20:54.306182Z","name":"land1","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"v6aycxv24nq2utf9q0lx","deleted":false,"id":54548,"created_at":"2024-12-18T20:20:54.248947Z","name":"land2","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"npm43vxlsbootgzux7ya","deleted":false,"id":54547,"created_at":"2024-12-18T20:20:54.245930Z","name":"land3","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"apb9bizgo5ddqkurh8lj","deleted":false,"id":54546,"created_at":"2024-12-18T20:20:54.242666Z","name":"tree1","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"xuonfkahy6pixc6vu0ul","deleted":false,"id":54545,"created_at":"2024-12-18T20:20:54.229370Z","name":"tree2","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"h7oxtd56j8itoi5zexez","deleted":false,"id":54544,"created_at":"2024-12-18T20:20:54.224776Z","name":"mushroom","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"nonb1jglvjc2y7pqtblh","deleted":false,"id":54543,"created_at":"2024-12-18T20:20:54.209162Z","name":"path","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"eekbu9zs5k6pzgbnzmjh","deleted":false,"id":54542,"created_at":"2024-12-18T20:20:54.205921Z","name":"sign","resource_type":"image","tags":null},{"project_id":5169,"creator":null,"cloudinary_id":"bvwpihx3gand0pscfuia","deleted":false,"id":54541,"created_at":"2024-12-18T20:20:54.199561Z","name":"log","resource_type":"image","tags":null}],"messages_sent":4,"comments":[],"steps":[]}