Village Sim w Dialogue

{"name":"[c] Ctrl+Alt+Story TREES + NPC","description":"Ctrl+Alt+Story dialogue tree code & NPC class updates.","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/dzupqvdpv0w2vqbhtdgj","view_count":24,"fork_count":0,"expires_at":null,"created_at":"2025-01-07T16:58:30.151865Z","updated_at":"2025-01-07T16:58:30.151873Z","user_id":70,"status":"DELETED","parent_id":3787,"id":3796,"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":"\n// create dialogue trees\nfunction createDialogueTree(npcId) {\n switch (npcId) {\n // NPC #1\n // Each NPC's dialogue tree will come in chunks.\n // Each chunk is one dialogue box.\n // One chunk contains: \n // A dialogue ID number (different than the NPC's ID number!)\n // Text: the NPC's dialogue.\n // Responses: \n // Text for the player response;\n // and an ID # for the next dialogue option. This is how you control the flow of the dialogue.\n\n // case is the NPC id\n case 1: // These are NPC #1 dialogues\n return [\n {\n // id in each object here is the dialogue id\n id: 0,\n text: \"Hello! Welcome to our village.\",\n responses: [\n { text: \"Hi there!\", next: 1 }, // this option moves you to dialogue id 1\n { text: \"Goodbye.\", next: null } // this option ends dialogue\n ]\n },\n {\n id: 1,\n text: \"How are you today?\",\n responses: [\n { text: \"I'm doing well.\", next: 2 }, // this option moves you to dialogue id 2\n { text: \"Not so great.\", next: 3 } // this option moves you to dialogue id 3\n ]\n },\n {\n id: 2,\n text: \"Glad to hear it!\",\n responses: [\n { text: \"Thanks!\", next: null },\n { text: \"See you around.\", next: null }\n ]\n },\n {\n id: 3,\n text: \"Sorry to hear that.\",\n responses: [\n { text: \"It's okay.\", next: null },\n { text: \"Thanks for caring.\", next: null }\n ]\n }\n ];\n case 2: // These are NPC #2 dialogues \n return [\n {\n id: 0,\n text: \"Nice to meet you! Enjoy your stay.\",\n responses: [\n { text: \"Thank you!\", next: 1 },\n { text: \"What's around here?\", next: 2 }\n ]\n },\n {\n id: 1,\n text: \"You're welcome!\",\n responses: [\n { text: \"Bye.\", next: null }\n ]\n },\n {\n id: 2,\n text: \"Have you seen the new house?\",\n responses: [\n { text: \"Not yet.\", next: 3 },\n { text: \"I have!\", next: 4 }\n ]\n },\n {\n id: 3,\n text: \"You should check it out.\",\n responses: [\n { text: \"I will.\", next: null }\n ]\n },\n {\n id: 4,\n text: \"Isn't it great?\",\n responses: [\n { text: \"Absolutely!\", next: null },\n { text: \"It's okay.\", next: null }\n ]\n }\n ];\n // You can add a case: 3 and beyond for more NPCs\n default:\n return [\n {\n id: 0,\n text: \"Hello there!\",\n responses: [\n { text: \"Hi!\", next: null },\n { text: \"Bye.\", next: null }\n ]\n }\n ];\n }\n}\n\n// the draw function needs to check for an active villager, and if one is found, show their dialogue and showDialogueOptions(activeVillager)\nfunction drawDialogueOptions(villager) {\n // the villager showDialogue and triggerDialogue also need to be updated\n const options = villager.dialogues[villager.currentDialogueIndex].responses;\n const boxHeight = 100;\n const boxWidth = width;\n const boxY = height - boxHeight;\n const padding = 10; // Padding between buttons\n\n fill(255); // White background for the options box\n rect(0, boxY, boxWidth, boxHeight);\n\n fill(0); // Black text color\n textSize(14);\n textAlign(CENTER, CENTER);\n\n let buttonHeight = 50;\n let totalPadding = padding * (options.length + 1);\n let buttonWidth = (boxWidth - totalPadding) / options.length;\n let optionY = boxY + 20;\n\n options.forEach((option, index) => {\n let buttonX = padding + index * (buttonWidth + padding);\n\n // Draw button\n fill(200); // Light grey for the button\n rect(buttonX, optionY - 10, buttonWidth, buttonHeight);\n\n // Draw button text\n fill(0); // Black text\n text(`${option.text}`, buttonX + buttonWidth / 2, optionY + buttonHeight / 2 - 10);\n });\n}\n\nfunction mousePressed() {\n const activeVillager = villagers.find(v => v.dialogueActive);\n if (activeVillager) {\n const options = activeVillager.dialogues[activeVillager.currentDialogueIndex].responses;\n const boxWidth = width;\n const buttonWidth = (boxWidth - (options.length + 1) * 10) / options.length; // Adjust for padding\n const boxY = height - 100;\n const buttonHeight = 30;\n const optionY = boxY + 20;\n\n options.forEach((option, index) => {\n let buttonX = 10 + index * (buttonWidth + 10); // Include padding in position calculation\n if (mouseX > buttonX && mouseX < buttonX + buttonWidth &&\n mouseY > optionY - 10 && mouseY < optionY - 10 + buttonHeight) {\n // If button is clicked, move to the next dialogue or end if next is null\n if (option.next !== null) {\n activeVillager.currentDialogueIndex = option.next;\n } else {\n activeVillager.endDialogue(); // End the dialogue if next is null\n }\n }\n });\n }\n}\n\n// the constructor, showDialogue, and triggerDialogue are updated. \nclass Villager {\n constructor(x, y, sprite, npcId) {\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 = createDialogueTree(npcId); // 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 const isLogAtPos = logs.some(log => log.x === newX && log.y === newY);\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 if (!isLogAtPos) {\n this.x = newX;\n this.y = newY;\n }\n }\n }\n\n showDialogue() {\n let currentTime = millis();\n if (currentTime - this.lastUpdateTime > this.updateInterval) {\n // Use the current dialogue object's text property\n let currentDialogue = this.dialogues[this.currentDialogueIndex];\n this.dialoguePosition = min(this.dialoguePosition + 1, currentDialogue.text.length);\n this.lastUpdateTime = currentTime;\n }\n\n let displayedText = this.dialogues[this.currentDialogueIndex].text.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 / 2, 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, startY + i * textSize());\n }\n }\n\n // dialogue trees <--\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\n // dialogue trees <-- \n endDialogue() {\n this.dialogueActive = false; // Set the dialogue as inactive\n\n // Attempt to move the villager a small random distance away\n let moveDistance = 2; // Distance to move the villager away\n let attempts = 0; // Counter for movement attempts\n let moved = false; // Flag to check if movement succeeded\n\n while (attempts < 10 && !moved) { // Retry up to 5 times\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\n let newX = this.x + dx * moveDistance;\n let newY = this.y + dy * moveDistance;\n\n // Check if the new position is within bounds, on land, and not blocked by a log\n if (newX >= 0 && newX < world.length && newY >= 0 && newY < world[0].length &&\n world[newY][newX].startsWith('land') &&\n !logs.some(log => log.x === newX && log.y === newY)) {\n\n this.x = newX;\n this.y = newY;\n moved = true; // Mark as moved\n }\n attempts++;\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":3796,"creator":null,"cloudinary_id":"bvwpihx3gand0pscfuia","deleted":false,"id":29767,"created_at":"2024-10-17T02:17:34.370839Z","name":"log","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"eekbu9zs5k6pzgbnzmjh","deleted":false,"id":29766,"created_at":"2024-10-17T02:17:34.369804Z","name":"sign","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"phhs0zvy5pf4adf7fxfj","deleted":false,"id":29765,"created_at":"2024-10-17T02:17:34.368626Z","name":"redHouse9","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"wssbpdopujtmzcutrcl3","deleted":false,"id":29764,"created_at":"2024-10-17T02:17:34.367513Z","name":"redHouse8","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"exlda66agliecczd2v1y","deleted":false,"id":29763,"created_at":"2024-10-17T02:17:34.366299Z","name":"redHouse7","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"z79tfmskdhtir61reusr","deleted":false,"id":29762,"created_at":"2024-10-17T02:17:34.365024Z","name":"redHouse6","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"ta1uokzgw2bjcz68asve","deleted":false,"id":29761,"created_at":"2024-10-17T02:17:34.363817Z","name":"redHouse5","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"nfflswnehcbvim3yget1","deleted":false,"id":29760,"created_at":"2024-10-17T02:17:34.362607Z","name":"redHouse4","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"zznmqtu4ghceg46xf8bf","deleted":false,"id":29759,"created_at":"2024-10-17T02:17:34.361505Z","name":"redHouse3","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"rdftqgs0ibfukfyujbsy","deleted":false,"id":29758,"created_at":"2024-10-17T02:17:34.360396Z","name":"redHouse2","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"r2hnwu1aw5fox9ngivdl","deleted":false,"id":29757,"created_at":"2024-10-17T02:17:34.359188Z","name":"redHouse1","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"h77isapmu9zvzjao9ddu","deleted":false,"id":29756,"created_at":"2024-10-17T02:17:34.357840Z","name":"greyHouse9","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"n8vxadlwfeni7clv1ivj","deleted":false,"id":29755,"created_at":"2024-10-17T02:17:34.356798Z","name":"greyHouse8","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"h1aomkggqxv0lgc89kxj","deleted":false,"id":29754,"created_at":"2024-10-17T02:17:34.355730Z","name":"greyHouse7","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"wcx1oiiy15hwbys7rppp","deleted":false,"id":29753,"created_at":"2024-10-17T02:17:34.354539Z","name":"greyHouse6","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"rnqa6nsym6vsq1cytnmq","deleted":false,"id":29752,"created_at":"2024-10-17T02:17:34.353520Z","name":"greyHouse5","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"spntm3xkatkydnwy7e6a","deleted":false,"id":29751,"created_at":"2024-10-17T02:17:34.352365Z","name":"greyHouse4","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"zm3qnv3lu3l5lcbiimqs","deleted":false,"id":29750,"created_at":"2024-10-17T02:17:34.351231Z","name":"greyHouse3","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"qomggg3jawh2ay2rzcsj","deleted":false,"id":29749,"created_at":"2024-10-17T02:17:34.349983Z","name":"greyHouse2","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"uvnype8kutb8kgde18ls","deleted":false,"id":29748,"created_at":"2024-10-17T02:17:34.348835Z","name":"greyHouse1","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"nonb1jglvjc2y7pqtblh","deleted":false,"id":29747,"created_at":"2024-10-17T02:17:34.347669Z","name":"path","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"ugr5rnpktccakflykocz","deleted":false,"id":29746,"created_at":"2024-10-17T02:17:34.346529Z","name":"fence9","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"sjw8ehalkgpkfmaxuw0a","deleted":false,"id":29745,"created_at":"2024-10-17T02:17:34.345294Z","name":"fence8","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"zw7xu2x5ewcw7qxyxsum","deleted":false,"id":29744,"created_at":"2024-10-17T02:17:34.344079Z","name":"fence7","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"exujjqrxwpntmjnvctzw","deleted":false,"id":29743,"created_at":"2024-10-17T02:17:34.342879Z","name":"fence6","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"ne2gpx082zb25hmpzioa","deleted":false,"id":29742,"created_at":"2024-10-17T02:17:34.341779Z","name":"fence5","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"qjdtyhntkkwtmviz0dnf","deleted":false,"id":29741,"created_at":"2024-10-17T02:17:34.340603Z","name":"fence4","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"bq2pqtwrjwnuobypfvvv","deleted":false,"id":29740,"created_at":"2024-10-17T02:17:34.339419Z","name":"fence3","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"ce9t9qs1dg5bz8srwfvh","deleted":false,"id":29739,"created_at":"2024-10-17T02:17:34.338401Z","name":"fence2","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"j5zbnmntsccjpb9dio27","deleted":false,"id":29738,"created_at":"2024-10-17T02:17:34.337399Z","name":"fence1","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"h7oxtd56j8itoi5zexez","deleted":false,"id":29737,"created_at":"2024-10-17T02:17:34.336287Z","name":"mushroom","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"xuonfkahy6pixc6vu0ul","deleted":false,"id":29736,"created_at":"2024-10-17T02:17:34.335175Z","name":"tree2","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"apb9bizgo5ddqkurh8lj","deleted":false,"id":29735,"created_at":"2024-10-17T02:17:34.333936Z","name":"tree1","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"npm43vxlsbootgzux7ya","deleted":false,"id":29734,"created_at":"2024-10-17T02:17:34.332859Z","name":"land3","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"v6aycxv24nq2utf9q0lx","deleted":false,"id":29733,"created_at":"2024-10-17T02:17:34.331853Z","name":"land2","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"sbqy50d2e4wgi8sbpelo","deleted":false,"id":29732,"created_at":"2024-10-17T02:17:34.330874Z","name":"land1","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"mpzyuzqh2rojbep24wae","deleted":false,"id":29731,"created_at":"2024-10-17T02:17:34.329774Z","name":"bird","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"mis9ye0fa4jyf2eqb8w2","deleted":false,"id":29730,"created_at":"2024-10-17T02:17:34.328606Z","name":"rabbit","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"xbxbfins2pmkepzbyehv","deleted":false,"id":29729,"created_at":"2024-10-17T02:17:34.327521Z","name":"squirrel","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"xnzdk7aii2fmzxlzrhbm","deleted":false,"id":29728,"created_at":"2024-10-17T02:17:34.326203Z","name":"coverImg1","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"dzupqvdpv0w2vqbhtdgj","deleted":false,"id":29727,"created_at":"2024-10-17T02:17:34.324954Z","name":"gifCover","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"ocalg5vd2134vayrw5nj","deleted":false,"id":29726,"created_at":"2024-10-17T02:17:34.323844Z","name":"littleTune","resource_type":"audio","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"fufmoraqkqkuubv2wryd","deleted":false,"id":29725,"created_at":"2024-10-17T02:17:34.322674Z","name":"chickenGif","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"uze0nzesm28tbz6fwvko","deleted":false,"id":29724,"created_at":"2024-10-17T02:17:34.321556Z","name":"toadGif","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"roskp1auyvcgjimmklw0","deleted":false,"id":29723,"created_at":"2024-10-17T02:17:34.320523Z","name":"monkeyGif","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"rahgwmud5vhscrszscx9","deleted":false,"id":29722,"created_at":"2024-10-17T02:17:34.319406Z","name":"cowGif","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"o3xmahrnn184resdjcfr","deleted":false,"id":29721,"created_at":"2024-10-17T02:17:34.318192Z","name":"dogGif","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"qvmcw6f3ykfwodezdice","deleted":false,"id":29720,"created_at":"2024-10-17T02:17:34.316909Z","name":"catGif","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"rcwqxian871z49qjqocc","deleted":false,"id":29719,"created_at":"2024-10-17T02:17:34.314299Z","name":"sheepGif","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"pm4bmvcoyp82o8z8jton","deleted":false,"id":29718,"created_at":"2024-10-17T02:17:34.313058Z","name":"arcticFoxGif","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"yepcnhagrzv0wgloj01v","deleted":false,"id":29717,"created_at":"2024-10-17T02:17:34.311688Z","name":"porcupineGif","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"kv1molxwvspxfjqrhppu","deleted":false,"id":29716,"created_at":"2024-10-17T02:17:34.310371Z","name":"sorceressGif","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"hfxnub0pbbxmhuezymz7","deleted":false,"id":29715,"created_at":"2024-10-17T02:17:34.308965Z","name":"druidGif","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"e5wvftdy9vqzonpe70a8","deleted":false,"id":29714,"created_at":"2024-10-17T02:17:34.307627Z","name":"fairyGif","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"suhigxj2cj9cr8aurrji","deleted":false,"id":29713,"created_at":"2024-10-17T02:17:34.306030Z","name":"darkWizardGif","resource_type":"image","tags":null},{"project_id":3796,"creator":null,"cloudinary_id":"hbontioo01ekecesosx3","deleted":false,"id":29712,"created_at":"2024-10-17T02:17:34.304566Z","name":"villagerGif","resource_type":"image","tags":null}],"messages_sent":0,"comments":[],"steps":[]}