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":2,"fork_count":0,"expires_at":null,"created_at":"2024-10-28T19:15:30.714926Z","updated_at":"2024-10-28T19:15:30.714937Z","user_id":178,"status":"PRIVATE","parent_id":3796,"id":4174,"user":{"photo":null,"email":null,"recess_id":"9dd5c948-6b3c-40d4-a34e-53634b699690","created_at":"2024-08-19T18:22:06.491746Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"bill_cipher","id":178,"password_hash":null,"updated_at":"2024-08-19T18:22:06.491753Z","reset_token_expiry":null,"subscription_status":null},"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":4174,"creator":null,"cloudinary_id":"hbontioo01ekecesosx3","deleted":false,"id":38467,"created_at":"2024-10-28T19:15:30.857325Z","name":"villagerGif","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"suhigxj2cj9cr8aurrji","deleted":false,"id":38466,"created_at":"2024-10-28T19:15:30.855561Z","name":"darkWizardGif","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"e5wvftdy9vqzonpe70a8","deleted":false,"id":38465,"created_at":"2024-10-28T19:15:30.853598Z","name":"fairyGif","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"hfxnub0pbbxmhuezymz7","deleted":false,"id":38464,"created_at":"2024-10-28T19:15:30.851152Z","name":"druidGif","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"kv1molxwvspxfjqrhppu","deleted":false,"id":38463,"created_at":"2024-10-28T19:15:30.848906Z","name":"sorceressGif","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"yepcnhagrzv0wgloj01v","deleted":false,"id":38462,"created_at":"2024-10-28T19:15:30.846509Z","name":"porcupineGif","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"pm4bmvcoyp82o8z8jton","deleted":false,"id":38461,"created_at":"2024-10-28T19:15:30.843611Z","name":"arcticFoxGif","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"rcwqxian871z49qjqocc","deleted":false,"id":38460,"created_at":"2024-10-28T19:15:30.840324Z","name":"sheepGif","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"qvmcw6f3ykfwodezdice","deleted":false,"id":38459,"created_at":"2024-10-28T19:15:30.837875Z","name":"catGif","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"o3xmahrnn184resdjcfr","deleted":false,"id":38458,"created_at":"2024-10-28T19:15:30.834215Z","name":"dogGif","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"rahgwmud5vhscrszscx9","deleted":false,"id":38457,"created_at":"2024-10-28T19:15:30.832006Z","name":"cowGif","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"roskp1auyvcgjimmklw0","deleted":false,"id":38456,"created_at":"2024-10-28T19:15:30.829713Z","name":"monkeyGif","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"uze0nzesm28tbz6fwvko","deleted":false,"id":38455,"created_at":"2024-10-28T19:15:30.827468Z","name":"toadGif","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"fufmoraqkqkuubv2wryd","deleted":false,"id":38454,"created_at":"2024-10-28T19:15:30.825106Z","name":"chickenGif","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"ocalg5vd2134vayrw5nj","deleted":false,"id":38453,"created_at":"2024-10-28T19:15:30.822984Z","name":"littleTune","resource_type":"audio","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"dzupqvdpv0w2vqbhtdgj","deleted":false,"id":38452,"created_at":"2024-10-28T19:15:30.820538Z","name":"gifCover","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"xnzdk7aii2fmzxlzrhbm","deleted":false,"id":38451,"created_at":"2024-10-28T19:15:30.817602Z","name":"coverImg1","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"xbxbfins2pmkepzbyehv","deleted":false,"id":38450,"created_at":"2024-10-28T19:15:30.815065Z","name":"squirrel","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"mis9ye0fa4jyf2eqb8w2","deleted":false,"id":38449,"created_at":"2024-10-28T19:15:30.812376Z","name":"rabbit","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"mpzyuzqh2rojbep24wae","deleted":false,"id":38448,"created_at":"2024-10-28T19:15:30.809737Z","name":"bird","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"sbqy50d2e4wgi8sbpelo","deleted":false,"id":38447,"created_at":"2024-10-28T19:15:30.807290Z","name":"land1","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"v6aycxv24nq2utf9q0lx","deleted":false,"id":38446,"created_at":"2024-10-28T19:15:30.804616Z","name":"land2","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"npm43vxlsbootgzux7ya","deleted":false,"id":38445,"created_at":"2024-10-28T19:15:30.801855Z","name":"land3","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"apb9bizgo5ddqkurh8lj","deleted":false,"id":38444,"created_at":"2024-10-28T19:15:30.798746Z","name":"tree1","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"xuonfkahy6pixc6vu0ul","deleted":false,"id":38443,"created_at":"2024-10-28T19:15:30.795079Z","name":"tree2","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"h7oxtd56j8itoi5zexez","deleted":false,"id":38442,"created_at":"2024-10-28T19:15:30.792048Z","name":"mushroom","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"j5zbnmntsccjpb9dio27","deleted":false,"id":38441,"created_at":"2024-10-28T19:15:30.788869Z","name":"fence1","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"ce9t9qs1dg5bz8srwfvh","deleted":false,"id":38440,"created_at":"2024-10-28T19:15:30.786720Z","name":"fence2","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"bq2pqtwrjwnuobypfvvv","deleted":false,"id":38439,"created_at":"2024-10-28T19:15:30.784420Z","name":"fence3","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"qjdtyhntkkwtmviz0dnf","deleted":false,"id":38438,"created_at":"2024-10-28T19:15:30.781902Z","name":"fence4","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"ne2gpx082zb25hmpzioa","deleted":false,"id":38437,"created_at":"2024-10-28T19:15:30.779722Z","name":"fence5","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"exujjqrxwpntmjnvctzw","deleted":false,"id":38436,"created_at":"2024-10-28T19:15:30.777478Z","name":"fence6","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"zw7xu2x5ewcw7qxyxsum","deleted":false,"id":38435,"created_at":"2024-10-28T19:15:30.775620Z","name":"fence7","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"sjw8ehalkgpkfmaxuw0a","deleted":false,"id":38434,"created_at":"2024-10-28T19:15:30.773428Z","name":"fence8","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"ugr5rnpktccakflykocz","deleted":false,"id":38433,"created_at":"2024-10-28T19:15:30.771178Z","name":"fence9","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"nonb1jglvjc2y7pqtblh","deleted":false,"id":38432,"created_at":"2024-10-28T19:15:30.768912Z","name":"path","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"uvnype8kutb8kgde18ls","deleted":false,"id":38431,"created_at":"2024-10-28T19:15:30.766456Z","name":"greyHouse1","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"qomggg3jawh2ay2rzcsj","deleted":false,"id":38430,"created_at":"2024-10-28T19:15:30.763748Z","name":"greyHouse2","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"zm3qnv3lu3l5lcbiimqs","deleted":false,"id":38429,"created_at":"2024-10-28T19:15:30.761505Z","name":"greyHouse3","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"spntm3xkatkydnwy7e6a","deleted":false,"id":38428,"created_at":"2024-10-28T19:15:30.758766Z","name":"greyHouse4","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"rnqa6nsym6vsq1cytnmq","deleted":false,"id":38427,"created_at":"2024-10-28T19:15:30.756819Z","name":"greyHouse5","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"wcx1oiiy15hwbys7rppp","deleted":false,"id":38426,"created_at":"2024-10-28T19:15:30.754913Z","name":"greyHouse6","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"h1aomkggqxv0lgc89kxj","deleted":false,"id":38425,"created_at":"2024-10-28T19:15:30.753298Z","name":"greyHouse7","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"n8vxadlwfeni7clv1ivj","deleted":false,"id":38424,"created_at":"2024-10-28T19:15:30.751559Z","name":"greyHouse8","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"h77isapmu9zvzjao9ddu","deleted":false,"id":38423,"created_at":"2024-10-28T19:15:30.749666Z","name":"greyHouse9","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"r2hnwu1aw5fox9ngivdl","deleted":false,"id":38422,"created_at":"2024-10-28T19:15:30.747597Z","name":"redHouse1","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"rdftqgs0ibfukfyujbsy","deleted":false,"id":38421,"created_at":"2024-10-28T19:15:30.745814Z","name":"redHouse2","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"zznmqtu4ghceg46xf8bf","deleted":false,"id":38420,"created_at":"2024-10-28T19:15:30.744010Z","name":"redHouse3","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"nfflswnehcbvim3yget1","deleted":false,"id":38419,"created_at":"2024-10-28T19:15:30.741840Z","name":"redHouse4","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"ta1uokzgw2bjcz68asve","deleted":false,"id":38418,"created_at":"2024-10-28T19:15:30.739221Z","name":"redHouse5","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"z79tfmskdhtir61reusr","deleted":false,"id":38417,"created_at":"2024-10-28T19:15:30.736183Z","name":"redHouse6","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"exlda66agliecczd2v1y","deleted":false,"id":38416,"created_at":"2024-10-28T19:15:30.733460Z","name":"redHouse7","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"wssbpdopujtmzcutrcl3","deleted":false,"id":38415,"created_at":"2024-10-28T19:15:30.731074Z","name":"redHouse8","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"phhs0zvy5pf4adf7fxfj","deleted":false,"id":38414,"created_at":"2024-10-28T19:15:30.729243Z","name":"redHouse9","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"eekbu9zs5k6pzgbnzmjh","deleted":false,"id":38413,"created_at":"2024-10-28T19:15:30.725753Z","name":"sign","resource_type":"image","tags":null},{"project_id":4174,"creator":null,"cloudinary_id":"bvwpihx3gand0pscfuia","deleted":false,"id":38412,"created_at":"2024-10-28T19:15:30.723739Z","name":"log","resource_type":"image","tags":null}],"messages_sent":0,"comments":[],"steps":[]}