Village Sim w Dialogue

{"name":"JACOB dec 18","description":"Ctrl+Alt+Story day 1 template. A game with NPCs and speech. ","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/dzupqvdpv0w2vqbhtdgj","view_count":3,"fork_count":0,"expires_at":null,"created_at":"2025-01-07T16:36:27.862583Z","updated_at":"2025-01-07T16:36:27.862586Z","user_id":70,"status":"DELETED","parent_id":5085,"id":5164,"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 1 TEMPLATE \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 = 48;\n\nlet villagers = [];\n\nconst moveInterval = 500;\n\nlet lastMoveTime = 0;\n\nconst landSprites = ['land1', 'land2', 'land3'];\n\nlet missingObject;\n\nlet missingObjectFound = false;\n\nconst villager1Dialogues = [\n \"Have you seen my trident? I lost it in the seas.\",\n \"If I could just find that trident, I could rule the seas...\",\n \"Hey, I'm missing my trident. Can you help me find it?\",\n];\n\nconst villager3Dialogues = [\n \"Yes, I know where the temple is! Let me guide you there. It's somewhere in the middle with a lot of seaweed and a brick path.\",\n \"The trident is probably in the middle as well. You might need to climb something to get on the temple; you might see a tip of it.\"\n];\n\nconst villager2Dialogues = [\n \"Yes, I have seen someone with a trident. I saw him in a temple; maybe you can try to look there.\",\n \"I haven't seen any mushrooms lately... but I usually stay in the north.\"\n];\n\nconst playerDialogues = {\n villager1: \"Yes, I can help you find the trident! I will ask around to see if anyone has seen it.\",\n villager2: \"Yes, I have seen someone with a trident. I saw him in a temple; maybe you can try to look there.\",\n villager3: \"Can you help me find a temple? Can you guide me there?\"\n};\n\nlet temple;\n\nfunction preload() {\n // Load all the assets\n assets['mushroom'] = loadImage(\"@asset('mushroom')\");\n assets['sign'] = loadImage(\"@asset('sign')\");\n assets['path'] = loadImage(\"@asset('path')\");\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['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 assets['trident'] = loadImage(\"@asset('trident')\");\n assets['temple'] = loadImage(\"@asset('temple')\");\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(30);\n drawWorld(world);\n\n player = new Player(14, 10); // Original player position\n\n let villager1 = new Villager(13, 10, assets['chickenGif'], villager1Dialogues);\n let villager2 = new Villager(17, 15, assets['dogGif'], villager2Dialogues);\n let villager3 = new Villager(5, 5, assets['monkeyGif'], villager3Dialogues);\n villagers.push(villager1, villager2, villager3);\n\n // Add missing object at a specific location\n missingObject = new MissingObject(25, 25);\n\n // Add temple instance\n temple = new Temple(23, 23); // Set the position of the temple\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 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 showPlayerDialogue(villager); // Show player dialogue\n } else {\n villager.endDialogue(); // End the dialogue if the player moves away\n }\n });\n\n // Draw the temple\n temple.draw();\n\n // Check for collision with the missing object\n missingObject.checkCollision(player);\n\n pop();\n}\n\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['arcticFoxGif']; // Player's 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 this.x = newX;\n this.y = newY;\n }\n }\n}\n\nclass Villager {\n constructor(x, y, sprite, dialogues) {\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 = dialogues; // 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 this.x = newX;\n this.y = newY;\n }\n\n showDialogue() {\n let currentTime = millis();\n if (currentTime - this.lastUpdateTime > this.updateInterval) {\n this.dialoguePosition = min(this.dialoguePosition + 1, this.dialogue.length);\n this.lastUpdateTime = currentTime;\n }\n\n let displayedText = this.dialogue.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 / 4, 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 + bubbleWidth / 4, startY + i * textSize());\n }\n }\n\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 // Move to the next dialogue index if possible\n // We may change this to have conditions for showing certain dialogues!\n if (this.currentDialogueIndex < this.dialogues.length - 1) {\n this.currentDialogueIndex++;\n }\n }\n endDialogue() {\n this.dialogueActive = false; // Set the dialogue as inactive\n }\n}\n\nclass MissingObject {\n constructor(x, y) {\n this.x = x; // Missing object's x coordinate\n this.y = y; // Missing object's y coordinate\n this.sprite = assets['trident']; // Using the mushroom sprite\n }\n\n draw() {\n image(this.sprite, this.x * tileSize, this.y * tileSize, tileSize, tileSize); // Draw the missing object\n }\n\n checkCollision(player) {\n if (!missingObjectFound && player.x === this.x && player.y === this.y) {\n console.log(\"Collision with Missing Object!\");\n missingObjectFound = true; // Set to true upon first collision\n }\n }\n}\n\nclass Temple {\n constructor(x, y) {\n this.x = x; // Temple's x coordinate\n this.y = y; // Temple's y coordinate\n this.sprite = assets['temple']; // Temple's sprite\n }\n\n draw() {\n image(this.sprite, this.x * tileSize, this.y * tileSize, tileSize * 5, tileSize * 5); // Draw the temple\n }\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 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\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\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 (landSprites.includes(tile)) { // Check if the tile is in the landSprites array\n let img = assets[tile];\n if (img) {\n image(img, j * tileSize, i * tileSize, tileSize, tileSize);\n }\n }\n }\n }\n\n if (missingObject) {\n missingObject.draw();\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 from the landSprites array\n for (let i = topLeftY; i < topLeftY + islandHeight; i++) {\n for (let j = topLeftX; j < topLeftX + islandWidth; j++) {\n let randomIndex = Math.floor(Math.random() * landSprites.length); // Select a random index\n let landType = landSprites[randomIndex]; // Choose a land sprite from the array\n world[i][j] = landType;\n }\n }\n\n return world;\n}\n\nfunction showPlayerDialogue(villager) {\n let dialogue = playerDialogues[`villager${villagers.indexOf(villager) + 1}`];\n\n // If the player is interacting with villager 1, use the new dialogue\n if (villager === villagers[0]) { // Check if the villager is villager 1\n dialogue = playerDialogues.villager1; // Use the specific dialogue for villager 1\n }\n\n let maxWidth = 80; // Set this to match the NPC dialogue bubble width\n let padding = 10; // Padding around the text\n textSize(10);\n\n let lines = wrapText(dialogue, maxWidth);\n\n let bubbleWidth = maxWidth + padding * 2; // Calculate bubble width\n let bubbleHeight = lines.length * textSize() + padding * 2; // Calculate bubble height\n\n // Draw the bubble\n fill(255);\n rect(player.x * tileSize - bubbleWidth / 4, player.y * tileSize + bubbleHeight + 10 - 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 = player.y * tileSize + bubbleHeight + 10 + padding / 2;\n\n for (let i = 0; i < lines.length; i++) {\n text(lines[i], player.x * tileSize + bubbleWidth / 4, startY + i * textSize());\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":[{"deleted":0,"code_id":193035,"input_tokens":null,"id":96487,"project_id":5164,"sender":"human","message":"create a new class for the temple","created_at":"2024-12-18T20:16:44.654355Z","output_tokens":null},{"deleted":0,"code_id":193035,"input_tokens":5957,"id":96488,"project_id":5164,"sender":"ai","message":"Could you please tell me more about how you want the temple to function in your project? For example, do you want it to be a static structure, or do you want it to interact with the player or villagers in some way?","created_at":"2024-12-18T20:16:44.669728Z","output_tokens":53},{"deleted":0,"code_id":193035,"input_tokens":null,"id":96489,"project_id":5164,"sender":"human","message":"just a sprite to draw no interaction","created_at":"2024-12-18T20:17:00.130594Z","output_tokens":null},{"deleted":0,"code_id":193035,"input_tokens":5957,"id":96490,"project_id":5164,"sender":"ai","message":"Great! Let's create a class to represent the temple as a static sprite. We'll draw it on the canvas, but it won't have any interaction with other elements. I'll help you set this up.\n\nFirst, let's create a new `Temple` class that handles the position and drawing of the temple sprite.\n\n```javascript\nclass Temple {\n constructor(x, y) {\n this.x = x; // Temple's x coordinate\n this.y = y; // Temple's y coordinate\n this.sprite = assets['temple']; // Temple's sprite\n }\n\n draw() {\n image(this.sprite, this.x * tileSize, this.y * tileSize, tileSize, tileSize); // Draw the temple\n }\n}\n```\n\n- This class defines a `Temple` with a position (`x`, `y`) and a sprite.\n- The `draw` method displays the temple at its position on the canvas.\n\nNext, we'll need to create an instance of the `Temple` class in your `setup` function and draw it in the `draw` function.\n\nAdd the following global variable for the temple:\n\n```javascript\nlet temple;\n```\n\nNow, update your `setup` function to create the `Temple` instance:\n\n```javascript\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n noSmooth(); // Disable image smoothing for pixel art effect\n background(0, 150, 210);\n world = createWorld(30);\n drawWorld(world);\n\n player = new Player(14, 10); // Original player position\n\n let villager1 = new Villager(13, 10, assets['chickenGif'], villager1Dialogues);\n let villager2 = new Villager(17, 15, assets['dogGif'], villager2Dialogues);\n let villager3 = new Villager(5, 5, assets['monkeyGif'], villager3Dialogues);\n villagers.push(villager1, villager2, villager3);\n\n // Add missing object at a specific location\n missingObject = new MissingObject(19, 19);\n\n // Add temple instance\n temple = new Temple(10, 10); // Set the position of the temple\n}\n```\n\nFinally, update your `draw` function to draw the temple:\n\n```javascript\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 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 showPlayerDialogue(villager); // Show player dialogue\n } else {\n villager.endDialogue(); // End the dialogue if the player moves away\n }\n });\n\n // Draw the temple\n temple.draw();\n\n // Check for collision with the missing object\n missingObject.checkCollision(player);\n\n pop();\n}\n```\n\n- We create an instance of the `Temple` class in `setup` and draw it in the `draw` function.\n- This will place a static temple sprite on your canvas at the position `(10, 10)`. You can adjust the position as needed. \n\nTry adding this code to your project, and let me know if you have any questions!","created_at":"2024-12-18T20:17:00.197333Z","output_tokens":793}],"assets":[{"cloudinary_id":"yute15swqdixw3xbnjpl","project_id":5164,"created_at":"2024-12-18T20:12:40.975490Z","deleted":false,"name":"temple","resource_type":"image","id":54414},{"cloudinary_id":"oisdpl5z0pcjmovud3sp","project_id":5164,"created_at":"2024-12-18T20:12:40.972250Z","deleted":false,"name":"trident","resource_type":"image","id":54413},{"cloudinary_id":"bvwpihx3gand0pscfuia","project_id":5164,"created_at":"2024-12-18T20:12:40.969252Z","deleted":false,"name":"log","resource_type":"image","id":54412},{"cloudinary_id":"eekbu9zs5k6pzgbnzmjh","project_id":5164,"created_at":"2024-12-18T20:12:40.966246Z","deleted":false,"name":"sign","resource_type":"image","id":54411},{"cloudinary_id":"nonb1jglvjc2y7pqtblh","project_id":5164,"created_at":"2024-12-18T20:12:40.962342Z","deleted":false,"name":"path","resource_type":"image","id":54410},{"cloudinary_id":"h7oxtd56j8itoi5zexez","project_id":5164,"created_at":"2024-12-18T20:12:40.959231Z","deleted":false,"name":"mushroom","resource_type":"image","id":54409},{"cloudinary_id":"xuonfkahy6pixc6vu0ul","project_id":5164,"created_at":"2024-12-18T20:12:40.956130Z","deleted":false,"name":"tree2","resource_type":"image","id":54408},{"cloudinary_id":"apb9bizgo5ddqkurh8lj","project_id":5164,"created_at":"2024-12-18T20:12:40.950687Z","deleted":false,"name":"tree1","resource_type":"image","id":54407},{"cloudinary_id":"npm43vxlsbootgzux7ya","project_id":5164,"created_at":"2024-12-18T20:12:40.947680Z","deleted":false,"name":"land3","resource_type":"image","id":54406},{"cloudinary_id":"v6aycxv24nq2utf9q0lx","project_id":5164,"created_at":"2024-12-18T20:12:40.943084Z","deleted":false,"name":"land2","resource_type":"image","id":54405},{"cloudinary_id":"sbqy50d2e4wgi8sbpelo","project_id":5164,"created_at":"2024-12-18T20:12:40.939508Z","deleted":false,"name":"land1","resource_type":"image","id":54404},{"cloudinary_id":"xnzdk7aii2fmzxlzrhbm","project_id":5164,"created_at":"2024-12-18T20:12:40.936440Z","deleted":false,"name":"coverImg1","resource_type":"image","id":54403},{"cloudinary_id":"dzupqvdpv0w2vqbhtdgj","project_id":5164,"created_at":"2024-12-18T20:12:40.933167Z","deleted":false,"name":"gifCover","resource_type":"image","id":54402},{"cloudinary_id":"ocalg5vd2134vayrw5nj","project_id":5164,"created_at":"2024-12-18T20:12:40.929763Z","deleted":false,"name":"littleTune","resource_type":"video","id":54401},{"cloudinary_id":"fufmoraqkqkuubv2wryd","project_id":5164,"created_at":"2024-12-18T20:12:40.925692Z","deleted":false,"name":"chickenGif","resource_type":"image","id":54400},{"cloudinary_id":"uze0nzesm28tbz6fwvko","project_id":5164,"created_at":"2024-12-18T20:12:40.921335Z","deleted":false,"name":"toadGif","resource_type":"image","id":54399},{"cloudinary_id":"roskp1auyvcgjimmklw0","project_id":5164,"created_at":"2024-12-18T20:12:40.916607Z","deleted":false,"name":"monkeyGif","resource_type":"image","id":54398},{"cloudinary_id":"rahgwmud5vhscrszscx9","project_id":5164,"created_at":"2024-12-18T20:12:40.912937Z","deleted":false,"name":"cowGif","resource_type":"image","id":54397},{"cloudinary_id":"o3xmahrnn184resdjcfr","project_id":5164,"created_at":"2024-12-18T20:12:40.909723Z","deleted":false,"name":"dogGif","resource_type":"image","id":54396},{"cloudinary_id":"qvmcw6f3ykfwodezdice","project_id":5164,"created_at":"2024-12-18T20:12:40.906189Z","deleted":false,"name":"catGif","resource_type":"image","id":54395},{"cloudinary_id":"rcwqxian871z49qjqocc","project_id":5164,"created_at":"2024-12-18T20:12:40.901987Z","deleted":false,"name":"sheepGif","resource_type":"image","id":54394},{"cloudinary_id":"pm4bmvcoyp82o8z8jton","project_id":5164,"created_at":"2024-12-18T20:12:40.897216Z","deleted":false,"name":"arcticFoxGif","resource_type":"image","id":54393},{"cloudinary_id":"yepcnhagrzv0wgloj01v","project_id":5164,"created_at":"2024-12-18T20:12:40.893718Z","deleted":false,"name":"porcupineGif","resource_type":"image","id":54392},{"cloudinary_id":"kv1molxwvspxfjqrhppu","project_id":5164,"created_at":"2024-12-18T20:12:40.888710Z","deleted":false,"name":"sorceressGif","resource_type":"image","id":54391},{"cloudinary_id":"hfxnub0pbbxmhuezymz7","project_id":5164,"created_at":"2024-12-18T20:12:40.884836Z","deleted":false,"name":"druidGif","resource_type":"image","id":54390},{"cloudinary_id":"e5wvftdy9vqzonpe70a8","project_id":5164,"created_at":"2024-12-18T20:12:40.881050Z","deleted":false,"name":"fairyGif","resource_type":"image","id":54389},{"cloudinary_id":"suhigxj2cj9cr8aurrji","project_id":5164,"created_at":"2024-12-18T20:12:40.877263Z","deleted":false,"name":"darkWizardGif","resource_type":"image","id":54388},{"cloudinary_id":"hbontioo01ekecesosx3","project_id":5164,"created_at":"2024-12-18T20:12:40.871813Z","deleted":false,"name":"villagerGif","resource_type":"image","id":54387}],"messages_sent":4,"comments":[],"steps":[]}