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