Emoji Adventure Game

{"name":"VERSIONING TEST PROJECT","description":"","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/zpbspydqczejffiauttp","view_count":13,"fork_count":0,"expires_at":null,"created_at":"2025-03-07T21:54:05.871110Z","updated_at":"2025-03-07T21:54:05.871111Z","user_id":166,"status":"PRIVATE","parent_id":5851,"id":6070,"user":{"username":"m_ivlev","id":166,"password_hash":"$2b$12$lM.SwMhsrEJrs7ZjNyj9e.FOyWqAZgNBSeOEkB8gCGEsXkmGPZLu6","created_at":"2024-08-05T03:36:08.774307Z","reset_token":null,"stripe_customer_id":null,"seats":null,"photo":null,"email":"markivlev@gmail.com","recess_id":"38a987b1-569d-47cc-ae61-0c84198aa65c","updated_at":"2024-08-05T03:36:08.774314Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let spriteFrames = [];\n\n// Array to hold individual frames of the sprite\nlet frameWidth;\n\n// Width of each sprite frame\nlet frameHeight;\n\n// Height of each sprite frame\nlet totalFrames = 4;\n\n// Total number of frames in the sprite sheet\nlet currentFrame = 0;\n\n// To keep track of the current frame to display\nlet frameCounter = 0;\n\n// Counter for frame updates\nlet characterScaleFactor = 6;\n\n// Scale factor for the character size\nconst spriteUpdateInterval = 8;\n\n// Interval for sprite frame updates\nlet velocityY = 0;\n\n// Global variable for vertical velocity\nconst gravity = 0.8;\n\n// Global variable for gravity\nconst jumpStrength = -15;\n\n// Global variable for jump strength\nlet bouncingObjects = [];\n\n// Array to hold bouncing objects\nlet spawnRate = 5000;\n\n// Number of frames to wait before spawning a new object\nlet frameCountForSpawning = 0;\n\n// Counter to track spawn timing\nlet gameRunning = false;\n\n// Boolean to track if the game is running\nlet lives = 3;\n\n// Player's lives count\nlet score = 0;\n\n// Player's score\nlet level = 1;\n\n// Current game level\nlet elapsedTime = 0;\n\n//----------------------------------------------------------------------------------------------------------------------------\n//----------------------------------------------------------------------------------------------------------------------------\n\nlet fruitEmojis = ['🍎', '🍌', '🍒', '🍇', '🍉', '🍊', '🍍', '🍓', '🍑'];\n\nfunction preload() {\n sprite = loadImage(\"@asset('sprite')\");\n spritePunch = loadImage(\"@asset('spritePunch')\");\n sprite2 = loadImage(\"@asset('sprite2')\");\n sprite2Punch = loadImage(\"@asset('sprite2Punch')\");\n monkey1 = loadImage(\"@asset('monkey1')\");\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235); // Sky blue background\n noSmooth(); // Disable image smoothing\n\n // Assuming the sprite sheet is divided into 3 columns and 4 rows\n frameWidth = sprite.width / 3; // Width of each sprite frame\n frameHeight = sprite.height / 4; // Height of each sprite frame\n\n // Initialize characterX to start at the left of the screen\n characterX = frameWidth * characterScaleFactor / 2; // Center the character horizontally\n\n // Initialize characterY to rest on top of the floor\n characterY = height - 20 - (frameHeight * characterScaleFactor); // Adjust for floor height and character height\n\n // Extract frames from the sprite sheet\n for (let i = 0; i < totalFrames; i++) {\n let frame = sprite.get((3 - 1) * frameWidth, i * frameHeight, frameWidth, frameHeight);\n spriteFrames.push(frame); // Store the frames\n }\n\n // Set up the start button\n const startButton = document.getElementById('startButton');\n startButton.addEventListener('click', startGame);\n\n // Set up the restart button\n const restartButton = document.getElementById('restartButton');\n restartButton.addEventListener('click', restartGame);\n\n // Spawn each fruit emoji once in order\n for (let i = 0; i < fruitEmojis.length; i++) {\n const bouncingObject = new BouncingObject();\n bouncingObject.emoji = fruitEmojis[i]; // Assign emoji from the array\n bouncingObjects.push(bouncingObject); // Add the bouncing object to the array\n }\n}\n\nfunction draw() {\n background(135, 206, 235); // Clear the canvas with the sky blue background\n\n // Only execute game logic if the game is running\n if (gameRunning) {\n frameCounter++; // Increment the frame counter each frame\n frameCountForSpawning++; // Increment the spawn frame counter\n\n // Calculate elapsed time in seconds\n if (frameCounter % 60 === 0) {\n elapsedTime++;\n updateSpawnRate();\n }\n\n // Update the current frame for animation only if the character is moving\n if ((keyIsDown(RIGHT_ARROW) || keyIsDown(LEFT_ARROW)) && frameCounter >= spriteUpdateInterval) {\n currentFrame = (currentFrame + 1) % spriteFrames.length; // Loop through frames\n frameCounter = 0; // Reset the frame counter after updating\n } else if (!keyIsDown(RIGHT_ARROW) && !keyIsDown(LEFT_ARROW)) {\n currentFrame = 0; // Reset to the first frame if not moving\n }\n\n handleCharacterMovement(); // Call the movement function\n\n updateObjects();\n\n // Only spawn new bouncing objects if the spawn rate is met\n if (frameCountForSpawning >= spawnRate) {\n bouncingObjects.push(new BouncingObject()); // Add a new bouncing object\n frameCountForSpawning = 0; // Reset spawn frame counter\n }\n\n // Draw the floor and character\n drawFloor(); // Draw the floor\n drawCharacter(); // Draw the character\n drawLives(); // Draw the lives in the top left corner\n drawScore(); // Draw the score in the middle of the screen\n \n\n // Check for game over condition\n if (lives <= 0) {\n gameRunning = false; // Set game state to false\n }\n }\n\n // Display game over message if the game is not running and lives are 0\n if (!gameRunning && lives <= 0) {\n displayGameOver(); // Call the function to display game over message\n }\n\n}\n\nclass BouncingObject {\n constructor() {\n this.x = random(width - 30, width); // Random X position from the right edge\n this.y = 0; // Start at the top of the canvas\n this.size = 30; // Constant size\n this.speedY = random(3, 5); // Initial falling speed (vertical)\n this.speedX = random(2, 7); // Random horizontal speed\n this.gravity = 0.2; // Gravity effect on the object\n this.bounceFactor = 0.8; // Factor to reduce speed after each bounce\n this.emoji = getRandomFruit();\n }\n\n update() {\n this.speedY += this.gravity; // Always apply gravity\n this.y += this.speedY; // Move downwards\n this.x += this.speedX; // Move horizontally\n\n // Bounce off the bottom\n if (this.y > height - this.size) { // Check for floor collision\n this.y = height - this.size; // Reset to floor level\n this.speedY *= -this.bounceFactor; // Reverse and reduce speed for bounce effect\n }\n\n // Remove the object if it goes off the left side of the screen\n if (this.x < 0) {\n // Increment the score when an object goes off the left side\n score++; // Increase score by 1\n\n // Remove this object from the bouncingObjects array\n const index = bouncingObjects.indexOf(this);\n if (index > -1) {\n bouncingObjects.splice(index, 1); // Remove the object\n }\n }\n\n // Keep the bouncing object within the canvas width\n if (this.x > width) {\n this.speedX *= -1; // Reverse direction if hitting side\n }\n }\n\n // Draw the bouncing object\n draw() {\n textSize(this.size);\n text(this.emoji, this.x, this.y); // Draw the object as an emoji\n }\n}\n\nfunction getRandomFruit() {\n let randomIndex = Math.floor(Math.random() * fruitEmojis.length); // Get a random index\n return fruitEmojis[randomIndex]; // Return the random fruit emoji\n}\n\nfunction updateObjects() {\n // Update and draw bouncing objects\n for (let obj of bouncingObjects) {\n obj.update(); // Update the object's position\n obj.draw(); // Draw the object\n\n // Check for collision with the character\n if (dist(characterX, characterY, obj.x, obj.y) < (frameHeight * characterScaleFactor / 2 + obj.size / 1000)) {\n // Collision detected, reduce lives\n lives--;\n // Remove the object on collision\n const index = bouncingObjects.indexOf(obj);\n if (index > -1) {\n bouncingObjects.splice(index, 1); // Remove the object\n }\n }\n }\n}\n\nfunction drawCharacter() {\n // Draw the character using the calculated characterY\n image(spriteFrames[currentFrame], characterX - (frameWidth * characterScaleFactor) / 2, characterY, frameWidth * characterScaleFactor, frameHeight * characterScaleFactor);\n}\n\nfunction drawFloor() {\n fill(169, 169, 169); // Set the floor color to dark grey\n rect(0, height - 20, windowWidth, 20); // Draw the floor across the bottom\n}\n\nfunction drawLives() {\n const heartEmoji = '❤️'; // Heart emoji to represent a life\n const heartSize = 30; // Size of the heart emoji\n const heartSpacing = 35; // Adjust this value to increase spacing\n\n for (let i = 0; i < lives; i++) {\n textSize(heartSize);\n text(heartEmoji, heartSpacing * i + 20, heartSize); // Position hearts in the top left corner with spacing\n }\n}\n\nfunction handleCharacterMovement() {\n // Move right\n if (keyIsDown(RIGHT_ARROW)) {\n characterX += 6;\n }\n\n // Move left\n if (keyIsDown(LEFT_ARROW)) {\n characterX -= 6;\n }\n\n // Jump\n if (keyIsDown(32) && characterY >= height - 20 - (frameHeight * characterScaleFactor)) {\n velocityY = jumpStrength;\n }\n\n // Apply gravity\n characterY += velocityY;\n velocityY += gravity;\n\n // Prevent falling below the floor\n if (characterY > height - 20 - (frameHeight * characterScaleFactor)) {\n characterY = height - 20 - (frameHeight * characterScaleFactor);\n velocityY = 0;\n }\n}\n\nfunction startGame() {\n // Hide the start button\n const startButton = document.getElementById('startButton');\n startButton.style.display = 'none'; // Hide button\n\n // Reset variables and start spawning objects\n bouncingObjects = []; // Clear existing objects\n frameCountForSpawning = 0; // Reset the spawn frame counter\n gameRunning = true; // Set game state to running\n}\n\nfunction displayGameOver() {\n fill(255, 0, 0); // Set text color to red\n textSize(50); // Set the size of the text\n textAlign(CENTER); // Center the text\n text('Game Over!', width / 2, height / 2 - 30); // Display the message at the center of the canvas\n\n // Display the score on the game over screen\n textSize(32); // Set text size for the score\n fill(0); // Set text color to black\n text('Score: ' + score, width / 2, height / 2 + 20); // Display the score below the game over message\n\n // Show the restart button\n const restartButton = document.getElementById('restartButton');\n restartButton.style.display = 'block'; // Show the restart button\n}\n\nfunction restartGame() {\n // Reset game variables\n lives = 3; // Reset lives\n gameRunning = true; // Set game state to running\n bouncingObjects = []; // Clear existing objects\n frameCountForSpawning = 0; // Reset the spawn frame counter\n\n // Hide the restart button and show the start button\n const restartButton = document.getElementById('restartButton');\n restartButton.style.display = 'none'; // Hide restart button\n\n const startButton = document.getElementById('startButton');\n startButton.style.display = 'none'; // Hide start button during the game\n}\n\nfunction drawScore() {\n fill(0); // Set text color to black\n textSize(32); // Set text size\n textAlign(CENTER); // Center the text\n text('Score: ' + score, width / 2, windowHeight * 0.1); // Display the score at 10% of the window height\n}\n\nfunction updateSpawnRate() {\n // Reduce spawn rate more slowly as time passes\n spawnRate = max(10, 100 - floor(elapsedTime / 20)); // Change the divisor for slower decrease\n}\n\nfunction drawMonkey() {\n // Calculate the position to center the monkey image\n const monkeyX = width / 2 - monkey1.width / 2;\n const monkeyY = height / 2 - monkey1.height / 2;\n\n // Draw the monkey image at the calculated position\n image(monkey1, monkeyX, monkeyY);\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n\n \n \n Emoji Adventure Game\n \n \n\n\n\n \n \n \n\n\n"},"chat_history":[{"code_id":234650,"sender":"server_script","deleted":0,"input_tokens":null,"id":142144,"message":"

Add your new assets to the code

\n\n```javascript\nfunction preload() {\n sprite = loadImage(\"@asset('sprite')\");\n spritePunch = loadImage(\"@asset('spritePunch')\");\n sprite2 = loadImage(\"@asset('sprite2')\");\n sprite2Punch = loadImage(\"@asset('sprite2Punch')\");\n\tmonkey1 = loadImage(\"@asset('monkey1')\");\n}\n```","project_id":6070,"created_at":"2025-05-13T00:23:05.740218Z","output_tokens":null},{"code_id":242319,"sender":"client_script","deleted":0,"input_tokens":null,"id":142145,"message":"Let's get started!\n Errors:\n","project_id":6070,"created_at":"2025-05-13T00:23:22.405104Z","output_tokens":null},{"code_id":242319,"sender":"ai","deleted":0,"input_tokens":5554,"id":142146,"message":"Great! I see you have a project that involves some kind of game with emojis and sprites. Could you tell me more about your idea for this project? What kind of features or improvements are you looking to add next?","project_id":6070,"created_at":"2025-05-13T00:23:22.769580Z","output_tokens":53},{"code_id":242319,"sender":"human","deleted":0,"input_tokens":null,"id":142147,"message":"put monkey1 in middle of screen","project_id":6070,"created_at":"2025-05-13T00:23:28.617332Z","output_tokens":null},{"code_id":242319,"sender":"ai","deleted":0,"input_tokens":5556,"id":142148,"message":"Placing the \"monkey1\" image in the middle of the screen is definitely possible! Let's add some code to achieve this. \n\nTo do this, we'll add a function to draw the \"monkey1\" image at the center of the canvas. Here's how you can do it:\n\n```javascript\n// script.js\nfunction drawMonkey() {\n // Calculate the position to center the monkey image\n const monkeyX = width / 2 - monkey1.width / 2;\n const monkeyY = height / 2 - monkey1.height / 2;\n \n // Draw the monkey image at the calculated position\n image(monkey1, monkeyX, monkeyY);\n}\n```\n\nNext, make sure to call this function in the `draw()` function to render it on the screen:\n\n```javascript\n// script.js\nfunction draw() {\n background(135, 206, 235); // Clear the canvas with the sky blue background\n\n if (gameRunning) {\n // Existing game logic...\n\n drawFloor();\n drawCharacter();\n drawLives();\n drawScore();\n\n // Check for game over condition\n if (lives <= 0) {\n gameRunning = false;\n }\n }\n\n if (!gameRunning && lives <= 0) {\n displayGameOver();\n }\n\n // Draw the monkey in the middle of the screen\n drawMonkey();\n}\n```\n\n### Explanation:\n- We calculate the `monkeyX` and `monkeyY` to center the image based on the canvas width and height.\n- The `drawMonkey()` function is called within `draw()` to place the monkey image in the middle of the screen, regardless of the game state.\n\nThis will place the \"monkey1\" image in the middle of your canvas. Let me know if there's anything else you'd like to do!","project_id":6070,"created_at":"2025-05-13T00:23:28.691429Z","output_tokens":391},{"code_id":242323,"sender":"client_script","deleted":0,"input_tokens":null,"id":143024,"message":"Let's get started!\n Errors:\n","project_id":6070,"created_at":"2025-05-19T18:52:39.374457Z","output_tokens":null},{"code_id":242323,"sender":"ai","deleted":0,"input_tokens":5629,"id":143025,"message":"Great! You've already got the code to place the \"monkey1\" image in the middle of the screen. Is there anything else specific you'd like to add or modify in your project? Perhaps more features, or maybe you have questions about the current setup? Let me know how I can help!","project_id":6070,"created_at":"2025-05-19T18:52:39.451363Z","output_tokens":68},{"code_id":242323,"sender":"human","deleted":0,"input_tokens":null,"id":143026,"message":"explain the splice array method","project_id":6070,"created_at":"2025-05-19T18:52:45.197492Z","output_tokens":null},{"code_id":242323,"sender":"ai","deleted":0,"input_tokens":5629,"id":143027,"message":"The `splice` method is used to change the contents of an array by removing or replacing existing elements and/or adding new elements in place. Here’s a breakdown of how it works:\n\n### Syntax:\n```javascript\narray.splice(start, deleteCount, item1, item2, ...)\n```\n\n### Parameters:\n- **start**: The index at which to start changing the array.\n- **deleteCount**: The number of elements to remove from the array, starting at the `start` index.\n- **item1, item2, ...**: Elements to add to the array, starting at the `start` index.\n\n### Return Value:\n- The method returns an array containing the removed elements. If no elements are removed, an empty array is returned.\n\n### Example:\nHere's how you might use `splice` in your project:\n```javascript\nconst bouncingObjects = [1, 2, 3, 4, 5]; // Example array\n\n// Remove the element at index 2 (the number 3)\nconst removedElements = bouncingObjects.splice(2, 1);\n\nconsole.log(bouncingObjects); // Output: [1, 2, 4, 5]\nconsole.log(removedElements); // Output: [3]\n```\n\n### In Your Code:\nIn your project, you use `splice` to remove a bouncing object when it goes off the left side of the screen or when it collides with the character:\n```javascript\nconst index = bouncingObjects.indexOf(this);\nif (index > -1) {\n bouncingObjects.splice(index, 1); // Remove the object\n}\n```\n- This code finds the index of the current bouncing object and removes it from the `bouncingObjects` array if it exists.\n\n### Summary:\n- `splice` is a powerful method that allows you to modify arrays by adding, removing, or replacing elements at any index. It can be very useful for managing dynamic lists, like the bouncing objects in your game.\n\nLet me know if you have any more questions about using `splice` or any other concepts!","project_id":6070,"created_at":"2025-05-19T18:52:45.277149Z","output_tokens":437},{"code_id":242323,"sender":"human","deleted":0,"input_tokens":null,"id":143030,"message":"what would happen to the array [1,2,3,4,5] is i did array.splice(2)","project_id":6070,"created_at":"2025-05-19T18:54:39.795495Z","output_tokens":null},{"code_id":242323,"sender":"ai","deleted":0,"input_tokens":5649,"id":143031,"message":"If you call `array.splice(2)` on the array `[1, 2, 3, 4, 5]`, it will remove all elements starting from index 2 to the end of the array. Here's what happens step by step:\n\n1. **Initial Array**: `[1, 2, 3, 4, 5]`\n2. **Call `splice(2)`**: You are starting to splice from index 2. Since you didn't provide a `deleteCount`, it will remove all elements from index 2 to the end of the array.\n\n### Result:\n- The original array will be modified to: `[1, 2]`\n- The removed elements will be: `[3, 4, 5]`\n\n### Example:\nHere's how it looks in code:\n```javascript\nlet array = [1, 2, 3, 4, 5];\nlet removedElements = array.splice(2);\n\nconsole.log(array); // Output: [1, 2]\nconsole.log(removedElements); // Output: [3, 4, 5]\n```\n\nIn summary, `array.splice(2)` removes elements starting from index 2 and returns the removed elements as a new array. Let me know if you have any more questions!","project_id":6070,"created_at":"2025-05-19T18:54:39.865371Z","output_tokens":218},{"code_id":242323,"sender":"human","deleted":0,"input_tokens":null,"id":143032,"message":"how about array.splice(2,1,6,7,8)","project_id":6070,"created_at":"2025-05-19T18:55:51.663859Z","output_tokens":null},{"code_id":242323,"sender":"ai","deleted":0,"input_tokens":5639,"id":143033,"message":"When you call `array.splice(2, 1, 6, 7, 8)` on an array, it performs the following operations:\n\n### Breakdown:\n1. **Start Index**: `2` - This indicates where to start changing the array (at index 2).\n2. **Delete Count**: `1` - This tells the method to remove 1 element starting from index 2.\n3. **Items to Add**: `6`, `7`, `8` - These values will be added to the array starting at index 2.\n\n### Example:\nLet's see what happens with the array `[1, 2, 3, 4, 5]`:\n\n```javascript\nlet array = [1, 2, 3, 4, 5];\narray.splice(2, 1, 6, 7, 8);\n\nconsole.log(array); // Output: [1, 2, 6, 7, 8, 4, 5]\n```\n\n### Explanation of the Result:\n- **Removed Element**: The element at index 2, which is `3`, is removed.\n- **Added Elements**: The new elements `6`, `7`, and `8` are added starting at index 2.\n- **Final Array**: The final array becomes `[1, 2, 6, 7, 8, 4, 5]`.\n\n### Summary:\n- The `splice` method modifies the original array by removing specified elements and adding new ones at the given index.\n\nLet me know if you have any more questions about array methods or anything else!","project_id":6070,"created_at":"2025-05-19T18:55:51.821748Z","output_tokens":267},{"code_id":242323,"sender":"human","deleted":0,"input_tokens":null,"id":143036,"message":"canthe pop array method take an argument?","project_id":6070,"created_at":"2025-05-19T18:58:20.019202Z","output_tokens":null},{"code_id":242323,"sender":"ai","deleted":0,"input_tokens":5633,"id":143037,"message":"No, the `pop` method in JavaScript cannot take an argument. The `pop` method is specifically designed to remove the last element from an array and return that element. It does not accept any parameters.\n\n### Example:\nHere's how `pop` works:\n\n```javascript\nlet array = [1, 2, 3, 4, 5];\nlet lastElement = array.pop();\n\nconsole.log(array); // Output: [1, 2, 3, 4]\nconsole.log(lastElement); // Output: 5\n```\n\n### Summary:\n- `pop` removes the last item from the array.\n- It does not take any arguments; it always operates on the end of the array.\n\nLet me know if you have more questions about array methods or anything else!","project_id":6070,"created_at":"2025-05-19T18:58:20.092100Z","output_tokens":154},{"code_id":242323,"sender":"human","deleted":0,"input_tokens":null,"id":143038,"message":"is there any other array method other than splice that allows removal or addition of elements at a specific index?","project_id":6070,"created_at":"2025-05-19T18:58:52.603493Z","output_tokens":null},{"code_id":242323,"sender":"ai","deleted":0,"input_tokens":5645,"id":143039,"message":"Yes, there are a couple of array methods that can help with adding or removing elements at a specific index, although they may not be as direct as `splice`. Here are a couple:\n\n1. **`slice` Method**:\n - While `slice` doesn't directly remove or add elements, you can use it to create a new array that excludes specific elements.\n - Example:\n ```javascript\n let array = [1, 2, 3, 4, 5];\n let newArray = array.slice(0, 2).concat(array.slice(3)); // Removes the element at index 2\n console.log(newArray); // Output: [1, 2, 4, 5]\n ```\n\n2. **Combining `splice` with Other Methods**:\n - You can also use `splice` in combination with other methods like `concat` to achieve similar results.\n - To add elements at a specific index, you can splice in an empty array, or use `concat` to merge arrays.\n - Example:\n ```javascript\n let array = [1, 2, 3, 4, 5];\n let newArray = array.slice(0, 2).concat([6, 7, 8], array.slice(2)); // Adds 6, 7, 8 starting from index 2\n console.log(newArray); // Output: [1, 2, 6, 7, 8, 3, 4, 5]\n ```\n\nWhile `splice` is the most straightforward way to modify an array at a specific index, these methods can be used creatively to achieve similar results. Let me know if you have more questions or need further clarification!","project_id":6070,"created_at":"2025-05-19T18:58:52.672410Z","output_tokens":322}],"assets":[{"created_at":"2025-05-13T00:23:05.325980Z","name":"monkey1","resource_type":"image","tags":null,"project_id":6070,"creator":null,"cloudinary_id":"ajwzs0pxcqnebnh8aqj2","deleted":false,"id":73981},{"created_at":"2025-04-07T17:51:05.726474Z","name":"test","resource_type":"audio","tags":null,"project_id":6070,"creator":null,"cloudinary_id":"yjgeentlv5bplk7o3xcg","deleted":false,"id":68175},{"created_at":"2025-03-07T21:53:46.069393Z","name":"spritePunch","resource_type":"image","tags":null,"project_id":6070,"creator":null,"cloudinary_id":"cd6glzfh87nhtirdeger","deleted":false,"id":60797},{"created_at":"2025-03-07T21:53:46.068306Z","name":"sprite2Punch","resource_type":"image","tags":null,"project_id":6070,"creator":null,"cloudinary_id":"zpbspydqczejffiauttp","deleted":false,"id":60796},{"created_at":"2025-03-07T21:53:46.067085Z","name":"sprite2","resource_type":"image","tags":null,"project_id":6070,"creator":null,"cloudinary_id":"btaav7wu1acxwwmyptoa","deleted":false,"id":60795},{"created_at":"2025-03-07T21:53:46.065616Z","name":"sprite","resource_type":"image","tags":null,"project_id":6070,"creator":null,"cloudinary_id":"lgvrnhkf9stxuyfrxbqc","deleted":false,"id":60794}],"messages_sent":6,"comments":[],"steps":[]}