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":3,"fork_count":0,"expires_at":null,"created_at":"2024-10-28T19:12:36.761630Z","updated_at":"2024-10-28T19:12:36.761643Z","user_id":182,"status":"PRIVATE","parent_id":3796,"id":4131,"user":{"photo":null,"email":"lily.gray@alpha.school","recess_id":"4054c251-f71c-4583-8cc4-73403ebdcbec","created_at":"2024-08-19T18:23:08.340576Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"flower","id":182,"password_hash":"$2b$12$de434VuhlXU4FXHMSwrj/eweUD6F9th0KavH2khb2dmr/Fvdm0idC","updated_at":"2024-08-19T18:23:08.340578Z","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":4131,"creator":null,"cloudinary_id":"hbontioo01ekecesosx3","deleted":false,"id":38243,"created_at":"2024-10-28T19:12:36.929519Z","name":"villagerGif","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"suhigxj2cj9cr8aurrji","deleted":false,"id":38242,"created_at":"2024-10-28T19:12:36.927915Z","name":"darkWizardGif","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"e5wvftdy9vqzonpe70a8","deleted":false,"id":38241,"created_at":"2024-10-28T19:12:36.926158Z","name":"fairyGif","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"hfxnub0pbbxmhuezymz7","deleted":false,"id":38240,"created_at":"2024-10-28T19:12:36.924451Z","name":"druidGif","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"kv1molxwvspxfjqrhppu","deleted":false,"id":38239,"created_at":"2024-10-28T19:12:36.922594Z","name":"sorceressGif","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"yepcnhagrzv0wgloj01v","deleted":false,"id":38238,"created_at":"2024-10-28T19:12:36.920626Z","name":"porcupineGif","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"pm4bmvcoyp82o8z8jton","deleted":false,"id":38237,"created_at":"2024-10-28T19:12:36.918651Z","name":"arcticFoxGif","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"rcwqxian871z49qjqocc","deleted":false,"id":38236,"created_at":"2024-10-28T19:12:36.915880Z","name":"sheepGif","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"qvmcw6f3ykfwodezdice","deleted":false,"id":38235,"created_at":"2024-10-28T19:12:36.913176Z","name":"catGif","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"o3xmahrnn184resdjcfr","deleted":false,"id":38234,"created_at":"2024-10-28T19:12:36.899492Z","name":"dogGif","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"rahgwmud5vhscrszscx9","deleted":false,"id":38233,"created_at":"2024-10-28T19:12:36.897102Z","name":"cowGif","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"roskp1auyvcgjimmklw0","deleted":false,"id":38232,"created_at":"2024-10-28T19:12:36.894894Z","name":"monkeyGif","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"uze0nzesm28tbz6fwvko","deleted":false,"id":38231,"created_at":"2024-10-28T19:12:36.889395Z","name":"toadGif","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"fufmoraqkqkuubv2wryd","deleted":false,"id":38230,"created_at":"2024-10-28T19:12:36.886679Z","name":"chickenGif","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"ocalg5vd2134vayrw5nj","deleted":false,"id":38229,"created_at":"2024-10-28T19:12:36.856667Z","name":"littleTune","resource_type":"audio","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"dzupqvdpv0w2vqbhtdgj","deleted":false,"id":38228,"created_at":"2024-10-28T19:12:36.854076Z","name":"gifCover","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"xnzdk7aii2fmzxlzrhbm","deleted":false,"id":38227,"created_at":"2024-10-28T19:12:36.852240Z","name":"coverImg1","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"xbxbfins2pmkepzbyehv","deleted":false,"id":38226,"created_at":"2024-10-28T19:12:36.850377Z","name":"squirrel","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"mis9ye0fa4jyf2eqb8w2","deleted":false,"id":38225,"created_at":"2024-10-28T19:12:36.848593Z","name":"rabbit","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"mpzyuzqh2rojbep24wae","deleted":false,"id":38224,"created_at":"2024-10-28T19:12:36.846534Z","name":"bird","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"sbqy50d2e4wgi8sbpelo","deleted":false,"id":38223,"created_at":"2024-10-28T19:12:36.844678Z","name":"land1","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"v6aycxv24nq2utf9q0lx","deleted":false,"id":38222,"created_at":"2024-10-28T19:12:36.842775Z","name":"land2","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"npm43vxlsbootgzux7ya","deleted":false,"id":38221,"created_at":"2024-10-28T19:12:36.840916Z","name":"land3","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"apb9bizgo5ddqkurh8lj","deleted":false,"id":38220,"created_at":"2024-10-28T19:12:36.838747Z","name":"tree1","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"xuonfkahy6pixc6vu0ul","deleted":false,"id":38219,"created_at":"2024-10-28T19:12:36.835976Z","name":"tree2","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"h7oxtd56j8itoi5zexez","deleted":false,"id":38218,"created_at":"2024-10-28T19:12:36.833980Z","name":"mushroom","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"j5zbnmntsccjpb9dio27","deleted":false,"id":38217,"created_at":"2024-10-28T19:12:36.832190Z","name":"fence1","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"ce9t9qs1dg5bz8srwfvh","deleted":false,"id":38216,"created_at":"2024-10-28T19:12:36.830585Z","name":"fence2","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"bq2pqtwrjwnuobypfvvv","deleted":false,"id":38215,"created_at":"2024-10-28T19:12:36.828647Z","name":"fence3","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"qjdtyhntkkwtmviz0dnf","deleted":false,"id":38214,"created_at":"2024-10-28T19:12:36.826412Z","name":"fence4","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"ne2gpx082zb25hmpzioa","deleted":false,"id":38213,"created_at":"2024-10-28T19:12:36.824467Z","name":"fence5","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"exujjqrxwpntmjnvctzw","deleted":false,"id":38212,"created_at":"2024-10-28T19:12:36.822652Z","name":"fence6","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"zw7xu2x5ewcw7qxyxsum","deleted":false,"id":38211,"created_at":"2024-10-28T19:12:36.820924Z","name":"fence7","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"sjw8ehalkgpkfmaxuw0a","deleted":false,"id":38210,"created_at":"2024-10-28T19:12:36.818968Z","name":"fence8","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"ugr5rnpktccakflykocz","deleted":false,"id":38209,"created_at":"2024-10-28T19:12:36.816864Z","name":"fence9","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"nonb1jglvjc2y7pqtblh","deleted":false,"id":38208,"created_at":"2024-10-28T19:12:36.814830Z","name":"path","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"uvnype8kutb8kgde18ls","deleted":false,"id":38207,"created_at":"2024-10-28T19:12:36.812774Z","name":"greyHouse1","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"qomggg3jawh2ay2rzcsj","deleted":false,"id":38206,"created_at":"2024-10-28T19:12:36.810759Z","name":"greyHouse2","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"zm3qnv3lu3l5lcbiimqs","deleted":false,"id":38205,"created_at":"2024-10-28T19:12:36.808502Z","name":"greyHouse3","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"spntm3xkatkydnwy7e6a","deleted":false,"id":38204,"created_at":"2024-10-28T19:12:36.805935Z","name":"greyHouse4","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"rnqa6nsym6vsq1cytnmq","deleted":false,"id":38203,"created_at":"2024-10-28T19:12:36.803689Z","name":"greyHouse5","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"wcx1oiiy15hwbys7rppp","deleted":false,"id":38202,"created_at":"2024-10-28T19:12:36.801452Z","name":"greyHouse6","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"h1aomkggqxv0lgc89kxj","deleted":false,"id":38201,"created_at":"2024-10-28T19:12:36.799318Z","name":"greyHouse7","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"n8vxadlwfeni7clv1ivj","deleted":false,"id":38200,"created_at":"2024-10-28T19:12:36.797103Z","name":"greyHouse8","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"h77isapmu9zvzjao9ddu","deleted":false,"id":38199,"created_at":"2024-10-28T19:12:36.795349Z","name":"greyHouse9","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"r2hnwu1aw5fox9ngivdl","deleted":false,"id":38198,"created_at":"2024-10-28T19:12:36.793536Z","name":"redHouse1","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"rdftqgs0ibfukfyujbsy","deleted":false,"id":38197,"created_at":"2024-10-28T19:12:36.791819Z","name":"redHouse2","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"zznmqtu4ghceg46xf8bf","deleted":false,"id":38196,"created_at":"2024-10-28T19:12:36.789767Z","name":"redHouse3","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"nfflswnehcbvim3yget1","deleted":false,"id":38195,"created_at":"2024-10-28T19:12:36.786714Z","name":"redHouse4","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"ta1uokzgw2bjcz68asve","deleted":false,"id":38194,"created_at":"2024-10-28T19:12:36.784248Z","name":"redHouse5","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"z79tfmskdhtir61reusr","deleted":false,"id":38193,"created_at":"2024-10-28T19:12:36.781915Z","name":"redHouse6","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"exlda66agliecczd2v1y","deleted":false,"id":38192,"created_at":"2024-10-28T19:12:36.779413Z","name":"redHouse7","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"wssbpdopujtmzcutrcl3","deleted":false,"id":38191,"created_at":"2024-10-28T19:12:36.777564Z","name":"redHouse8","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"phhs0zvy5pf4adf7fxfj","deleted":false,"id":38190,"created_at":"2024-10-28T19:12:36.775583Z","name":"redHouse9","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"eekbu9zs5k6pzgbnzmjh","deleted":false,"id":38189,"created_at":"2024-10-28T19:12:36.773244Z","name":"sign","resource_type":"image","tags":null},{"project_id":4131,"creator":null,"cloudinary_id":"bvwpihx3gand0pscfuia","deleted":false,"id":38188,"created_at":"2024-10-28T19:12:36.770304Z","name":"log","resource_type":"image","tags":null}],"messages_sent":0,"comments":[],"steps":[]}