Village Sim w Dialogue

{"name":"talking animals (Sophie) - Branching Dialogue","description":"Ctrl+Alt+Story day 2 template. Add NPCs to the game. Create speech bubbles and populate them with messages. ","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/dzupqvdpv0w2vqbhtdgj","view_count":5,"fork_count":0,"expires_at":null,"created_at":"2024-11-11T02:48:24.733429Z","updated_at":"2024-11-11T02:48:24.733431Z","user_id":70,"status":"DELETED","parent_id":4088,"id":4251,"user":{"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","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":100},"code":{"script.js":"// CTRL+ALT+STORY DAY 2 TEMPLATE (BEFORE)\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 = 32;\n\nlet logs = [];\nlet mushrooms = [];\n\n// Villager vars <--\nlet villagers = [];\n\nconst moveInterval = 500;\n\nlet lastMoveTime = 0;\n\nconst villager1Dialogues = [\n \"Hello! Welcome to our village.\",\n \"How are you today?\",\n \"Nice weather we're having!\",\n];\n\nconst villager2Dialogues = [\n \"Nice to meet you! Enjoy your stay.\",\n \"Have you seen the new house?\",\n \"I love this place!\",\n];\n\n// TODO: add more here for a 3rd villager\nconst villager3Dialogues = [\n \"BLAH\",\n \"Blah\",\n \"blah\",\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['redHouse9'] = loadImage(\"@asset('redHouse9')\");\n assets['redHouse8'] = loadImage(\"@asset('redHouse8')\");\n assets['redHouse7'] = loadImage(\"@asset('redHouse7')\");\n assets['redHouse6'] = loadImage(\"@asset('redHouse6')\");\n assets['redHouse5'] = loadImage(\"@asset('redHouse5')\");\n assets['redHouse4'] = loadImage(\"@asset('redHouse4')\");\n assets['redHouse3'] = loadImage(\"@asset('redHouse3')\");\n assets['redHouse2'] = loadImage(\"@asset('redHouse2')\");\n assets['redHouse1'] = loadImage(\"@asset('redHouse1')\");\n assets['greyHouse9'] = loadImage(\"@asset('greyHouse9')\");\n assets['greyHouse8'] = loadImage(\"@asset('greyHouse8')\");\n assets['greyHouse7'] = loadImage(\"@asset('greyHouse7')\");\n assets['greyHouse6'] = loadImage(\"@asset('greyHouse6')\");\n assets['greyHouse5'] = loadImage(\"@asset('greyHouse5')\");\n assets['greyHouse4'] = loadImage(\"@asset('greyHouse4')\");\n assets['greyHouse3'] = loadImage(\"@asset('greyHouse3')\");\n assets['greyHouse2'] = loadImage(\"@asset('greyHouse2')\");\n assets['greyHouse1'] = loadImage(\"@asset('greyHouse1')\");\n assets['path'] = loadImage(\"@asset('path')\");\n assets['fence9'] = loadImage(\"@asset('fence9')\");\n assets['fence8'] = loadImage(\"@asset('fence8')\");\n assets['fence7'] = loadImage(\"@asset('fence7')\");\n assets['fence6'] = loadImage(\"@asset('fence6')\");\n assets['fence5'] = loadImage(\"@asset('fence5')\");\n assets['fence4'] = loadImage(\"@asset('fence4')\");\n assets['fence3'] = loadImage(\"@asset('fence3')\");\n assets['fence2'] = loadImage(\"@asset('fence2')\");\n assets['fence1'] = loadImage(\"@asset('fence1')\");\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['bird'] = loadImage(\"@asset('bird')\");\n assets['rabbit'] = loadImage(\"@asset('rabbit')\");\n assets['squirrel'] = loadImage(\"@asset('squirrel')\");\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(100);\n drawWorld(world);\n\n // Initialize the player at a specific location on land\n player = new Player(50, 50); // 50, 50 is the center of the 100,100 world\n\n // TODO: Create logs in the world, then add more objects based on this example\n logs.push(new Log(51, 50));\n logs.push(new Log(49, 50));\n\n // TODO: Create villagers and add them to the villagers array <--\n let villager1 = new Villager(50, 48, assets['catGif'], 1);\n let villager2 = new Villager(52, 51, assets['dogGif'], 2);\n villagers.push(villager1, villager2);\n\n // TODO: Create mushrooms in the world\n mushrooms.push(new Mushroom(52, 49));\n mushrooms.push(new Mushroom(48, 53));\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 moveVillagers(); // Make villagers move independently <--\n\n // dialogue trees <--\n let activeVillager = null;\n\n // Draw villagers and check for dialogue \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 activeVillager = villager; // dialogue trees <--\n }\n });\n\n pop();\n\n // If there's an active dialogue, draw the options <-- \n if (activeVillager && activeVillager.dialogueActive) {\n drawDialogueOptions(activeVillager);\n }\n}\n\nclass Log {\n constructor(x, y) {\n this.x = x; // Log's x coordinate\n this.y = y; // Log's y coordinate\n this.sprite = assets['log']; // Log's sprite\n }\n\n drawLog() {\n image(this.sprite, this.x * tileSize, this.y * tileSize, tileSize, tileSize); // Draw the log\n }\n\n move(dx, dy, world) {\n let newX = this.x + dx;\n let newY = this.y + dy;\n\n // Check if the new log position is on land and within boundaries\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 return true; // Log moved successfully\n }\n return false; // Log couldn't move\n }\n}\n\nclass Mushroom {\n constructor(x, y) {\n this.x = x;\n this.y = y;\n this.sprite = assets['mushroom'];\n }\n\n drawMushroom() {\n image(this.sprite, this.x * tileSize, this.y * tileSize, tileSize, tileSize); // Draw the log\n }\n}\n\n// New Villager class <--\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}\n\n// Player class\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['squirrel']; // Correctly assign the player 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 // Check collision with any log\n let logMoved = false;\n for (let log of logs) {\n if (newX === log.x && newY === log.y) {\n // Attempt to move the log only if the new log position is not occupied by a villager\n const logFutureX = log.x + dx;\n const logFutureY = log.y + dy;\n if (!villagers.some(villager => villager.x === logFutureX && villager.y === logFutureY) && log.move(dx, dy, world)) {\n logMoved = true;\n }\n break;\n }\n }\n // Move the player if log is moved or no log is in the way\n if (logMoved || !logs.some(log => log.x === newX && log.y === newY)) {\n this.x = newX;\n this.y = newY;\n }\n }\n }\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\n for (let i = topLeftY; i < topLeftY + islandHeight; i++) {\n for (let j = topLeftX; j < topLeftX + islandWidth; j++) {\n let landType = `land${Math.ceil(Math.random() * 3)}`; // choose randomly from 3 land sprites, for variation\n world[i][j] = landType;\n }\n }\n\n return world;\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 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 (tile.startsWith('land')) {\n let img = assets[tile];\n if (img) {\n image(img, j * tileSize, i * tileSize, tileSize, tileSize);\n }\n }\n }\n }\n\n // Draw all logs \n for (let log of logs) {\n log.drawLog();\n }\n\n // Draw all mushrooms\n for (let mushroom of mushrooms) {\n mushroom.drawMushroom();\n }\n}\n\n// Move all the villagers around randomly at a certain rate <--\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\n// Helper function to make villager dialogue bubbles look nice! <--\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\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}","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":4251,"created_at":"2024-10-29T18:37:30.375555Z","deleted":false,"name":"villagerGif","resource_type":"image","id":40739},{"cloudinary_id":"suhigxj2cj9cr8aurrji","project_id":4251,"created_at":"2024-10-29T18:37:30.374038Z","deleted":false,"name":"darkWizardGif","resource_type":"image","id":40738},{"cloudinary_id":"e5wvftdy9vqzonpe70a8","project_id":4251,"created_at":"2024-10-29T18:37:30.372736Z","deleted":false,"name":"fairyGif","resource_type":"image","id":40737},{"cloudinary_id":"hfxnub0pbbxmhuezymz7","project_id":4251,"created_at":"2024-10-29T18:37:30.371138Z","deleted":false,"name":"druidGif","resource_type":"image","id":40736},{"cloudinary_id":"kv1molxwvspxfjqrhppu","project_id":4251,"created_at":"2024-10-29T18:37:30.369581Z","deleted":false,"name":"sorceressGif","resource_type":"image","id":40735},{"cloudinary_id":"yepcnhagrzv0wgloj01v","project_id":4251,"created_at":"2024-10-29T18:37:30.367902Z","deleted":false,"name":"porcupineGif","resource_type":"image","id":40734},{"cloudinary_id":"pm4bmvcoyp82o8z8jton","project_id":4251,"created_at":"2024-10-29T18:37:30.365885Z","deleted":false,"name":"arcticFoxGif","resource_type":"image","id":40733},{"cloudinary_id":"rcwqxian871z49qjqocc","project_id":4251,"created_at":"2024-10-29T18:37:30.364315Z","deleted":false,"name":"sheepGif","resource_type":"image","id":40732},{"cloudinary_id":"qvmcw6f3ykfwodezdice","project_id":4251,"created_at":"2024-10-29T18:37:30.362776Z","deleted":false,"name":"catGif","resource_type":"image","id":40731},{"cloudinary_id":"o3xmahrnn184resdjcfr","project_id":4251,"created_at":"2024-10-29T18:37:30.361179Z","deleted":false,"name":"dogGif","resource_type":"image","id":40730},{"cloudinary_id":"rahgwmud5vhscrszscx9","project_id":4251,"created_at":"2024-10-29T18:37:30.359654Z","deleted":false,"name":"cowGif","resource_type":"image","id":40729},{"cloudinary_id":"roskp1auyvcgjimmklw0","project_id":4251,"created_at":"2024-10-29T18:37:30.358020Z","deleted":false,"name":"monkeyGif","resource_type":"image","id":40728},{"cloudinary_id":"uze0nzesm28tbz6fwvko","project_id":4251,"created_at":"2024-10-29T18:37:30.356365Z","deleted":false,"name":"toadGif","resource_type":"image","id":40727},{"cloudinary_id":"fufmoraqkqkuubv2wryd","project_id":4251,"created_at":"2024-10-29T18:37:30.354809Z","deleted":false,"name":"chickenGif","resource_type":"image","id":40726},{"cloudinary_id":"ocalg5vd2134vayrw5nj","project_id":4251,"created_at":"2024-10-29T18:37:30.353210Z","deleted":false,"name":"littleTune","resource_type":"video","id":40725},{"cloudinary_id":"dzupqvdpv0w2vqbhtdgj","project_id":4251,"created_at":"2024-10-29T18:37:30.351700Z","deleted":false,"name":"gifCover","resource_type":"image","id":40724},{"cloudinary_id":"xnzdk7aii2fmzxlzrhbm","project_id":4251,"created_at":"2024-10-29T18:37:30.350111Z","deleted":false,"name":"coverImg1","resource_type":"image","id":40723},{"cloudinary_id":"xbxbfins2pmkepzbyehv","project_id":4251,"created_at":"2024-10-29T18:37:30.348336Z","deleted":false,"name":"squirrel","resource_type":"image","id":40722},{"cloudinary_id":"mis9ye0fa4jyf2eqb8w2","project_id":4251,"created_at":"2024-10-29T18:37:30.346657Z","deleted":false,"name":"rabbit","resource_type":"image","id":40721},{"cloudinary_id":"mpzyuzqh2rojbep24wae","project_id":4251,"created_at":"2024-10-29T18:37:30.345021Z","deleted":false,"name":"bird","resource_type":"image","id":40720},{"cloudinary_id":"sbqy50d2e4wgi8sbpelo","project_id":4251,"created_at":"2024-10-29T18:37:30.343406Z","deleted":false,"name":"land1","resource_type":"image","id":40719},{"cloudinary_id":"v6aycxv24nq2utf9q0lx","project_id":4251,"created_at":"2024-10-29T18:37:30.341678Z","deleted":false,"name":"land2","resource_type":"image","id":40718},{"cloudinary_id":"npm43vxlsbootgzux7ya","project_id":4251,"created_at":"2024-10-29T18:37:30.339901Z","deleted":false,"name":"land3","resource_type":"image","id":40717},{"cloudinary_id":"apb9bizgo5ddqkurh8lj","project_id":4251,"created_at":"2024-10-29T18:37:30.338273Z","deleted":false,"name":"tree1","resource_type":"image","id":40716},{"cloudinary_id":"xuonfkahy6pixc6vu0ul","project_id":4251,"created_at":"2024-10-29T18:37:30.336546Z","deleted":false,"name":"tree2","resource_type":"image","id":40715},{"cloudinary_id":"h7oxtd56j8itoi5zexez","project_id":4251,"created_at":"2024-10-29T18:37:30.334799Z","deleted":false,"name":"mushroom","resource_type":"image","id":40714},{"cloudinary_id":"j5zbnmntsccjpb9dio27","project_id":4251,"created_at":"2024-10-29T18:37:30.333157Z","deleted":false,"name":"fence1","resource_type":"image","id":40713},{"cloudinary_id":"ce9t9qs1dg5bz8srwfvh","project_id":4251,"created_at":"2024-10-29T18:37:30.331483Z","deleted":false,"name":"fence2","resource_type":"image","id":40712},{"cloudinary_id":"bq2pqtwrjwnuobypfvvv","project_id":4251,"created_at":"2024-10-29T18:37:30.330039Z","deleted":false,"name":"fence3","resource_type":"image","id":40711},{"cloudinary_id":"qjdtyhntkkwtmviz0dnf","project_id":4251,"created_at":"2024-10-29T18:37:30.328501Z","deleted":false,"name":"fence4","resource_type":"image","id":40710},{"cloudinary_id":"ne2gpx082zb25hmpzioa","project_id":4251,"created_at":"2024-10-29T18:37:30.327061Z","deleted":false,"name":"fence5","resource_type":"image","id":40709},{"cloudinary_id":"exujjqrxwpntmjnvctzw","project_id":4251,"created_at":"2024-10-29T18:37:30.325574Z","deleted":false,"name":"fence6","resource_type":"image","id":40708},{"cloudinary_id":"zw7xu2x5ewcw7qxyxsum","project_id":4251,"created_at":"2024-10-29T18:37:30.323920Z","deleted":false,"name":"fence7","resource_type":"image","id":40707},{"cloudinary_id":"sjw8ehalkgpkfmaxuw0a","project_id":4251,"created_at":"2024-10-29T18:37:30.322231Z","deleted":false,"name":"fence8","resource_type":"image","id":40706},{"cloudinary_id":"ugr5rnpktccakflykocz","project_id":4251,"created_at":"2024-10-29T18:37:30.320495Z","deleted":false,"name":"fence9","resource_type":"image","id":40705},{"cloudinary_id":"nonb1jglvjc2y7pqtblh","project_id":4251,"created_at":"2024-10-29T18:37:30.318964Z","deleted":false,"name":"path","resource_type":"image","id":40704},{"cloudinary_id":"uvnype8kutb8kgde18ls","project_id":4251,"created_at":"2024-10-29T18:37:30.317359Z","deleted":false,"name":"greyHouse1","resource_type":"image","id":40703},{"cloudinary_id":"qomggg3jawh2ay2rzcsj","project_id":4251,"created_at":"2024-10-29T18:37:30.315644Z","deleted":false,"name":"greyHouse2","resource_type":"image","id":40702},{"cloudinary_id":"zm3qnv3lu3l5lcbiimqs","project_id":4251,"created_at":"2024-10-29T18:37:30.313829Z","deleted":false,"name":"greyHouse3","resource_type":"image","id":40701},{"cloudinary_id":"spntm3xkatkydnwy7e6a","project_id":4251,"created_at":"2024-10-29T18:37:30.312037Z","deleted":false,"name":"greyHouse4","resource_type":"image","id":40700},{"cloudinary_id":"rnqa6nsym6vsq1cytnmq","project_id":4251,"created_at":"2024-10-29T18:37:30.310374Z","deleted":false,"name":"greyHouse5","resource_type":"image","id":40699},{"cloudinary_id":"wcx1oiiy15hwbys7rppp","project_id":4251,"created_at":"2024-10-29T18:37:30.308783Z","deleted":false,"name":"greyHouse6","resource_type":"image","id":40698},{"cloudinary_id":"h1aomkggqxv0lgc89kxj","project_id":4251,"created_at":"2024-10-29T18:37:30.307036Z","deleted":false,"name":"greyHouse7","resource_type":"image","id":40697},{"cloudinary_id":"n8vxadlwfeni7clv1ivj","project_id":4251,"created_at":"2024-10-29T18:37:30.305207Z","deleted":false,"name":"greyHouse8","resource_type":"image","id":40696},{"cloudinary_id":"h77isapmu9zvzjao9ddu","project_id":4251,"created_at":"2024-10-29T18:37:30.301350Z","deleted":false,"name":"greyHouse9","resource_type":"image","id":40695},{"cloudinary_id":"r2hnwu1aw5fox9ngivdl","project_id":4251,"created_at":"2024-10-29T18:37:30.299947Z","deleted":false,"name":"redHouse1","resource_type":"image","id":40694},{"cloudinary_id":"rdftqgs0ibfukfyujbsy","project_id":4251,"created_at":"2024-10-29T18:37:30.298598Z","deleted":false,"name":"redHouse2","resource_type":"image","id":40693},{"cloudinary_id":"zznmqtu4ghceg46xf8bf","project_id":4251,"created_at":"2024-10-29T18:37:30.297221Z","deleted":false,"name":"redHouse3","resource_type":"image","id":40692},{"cloudinary_id":"nfflswnehcbvim3yget1","project_id":4251,"created_at":"2024-10-29T18:37:30.295725Z","deleted":false,"name":"redHouse4","resource_type":"image","id":40691},{"cloudinary_id":"ta1uokzgw2bjcz68asve","project_id":4251,"created_at":"2024-10-29T18:37:30.294219Z","deleted":false,"name":"redHouse5","resource_type":"image","id":40690},{"cloudinary_id":"z79tfmskdhtir61reusr","project_id":4251,"created_at":"2024-10-29T18:37:30.292927Z","deleted":false,"name":"redHouse6","resource_type":"image","id":40689},{"cloudinary_id":"exlda66agliecczd2v1y","project_id":4251,"created_at":"2024-10-29T18:37:30.291469Z","deleted":false,"name":"redHouse7","resource_type":"image","id":40688},{"cloudinary_id":"wssbpdopujtmzcutrcl3","project_id":4251,"created_at":"2024-10-29T18:37:30.289910Z","deleted":false,"name":"redHouse8","resource_type":"image","id":40687},{"cloudinary_id":"phhs0zvy5pf4adf7fxfj","project_id":4251,"created_at":"2024-10-29T18:37:30.288121Z","deleted":false,"name":"redHouse9","resource_type":"image","id":40686},{"cloudinary_id":"eekbu9zs5k6pzgbnzmjh","project_id":4251,"created_at":"2024-10-29T18:37:30.286369Z","deleted":false,"name":"sign","resource_type":"image","id":40685},{"cloudinary_id":"bvwpihx3gand0pscfuia","project_id":4251,"created_at":"2024-10-29T18:37:30.284186Z","deleted":false,"name":"log","resource_type":"image","id":40684}],"messages_sent":0,"comments":[],"steps":[]}