Ping Pong Showdown

{"name":"Ping Pong Showdown [Cato bugfix]","description":"Get ready for an exciting Ping Pong Showdown! Challenge your friends or play against the computer in this fast-paced, addictive game. With vibrant visuals and smooth controls, you'll be hooked in no time!","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/wltoomoc5fqalttvkxk7","view_count":8,"fork_count":0,"expires_at":null,"created_at":"2024-08-20T17:56:23.242047Z","updated_at":"2024-08-20T17:56:23.242049Z","user_id":172,"status":"PRIVATE","parent_id":2795,"id":2894,"user":{"username":"cadoozld","id":172,"password_hash":null,"updated_at":"2024-08-15T19:05:08.398097Z","reset_token_expiry":null,"subscription_status":null,"photo":null,"email":null,"recess_id":"48f5a6f1-59e7-4ffe-a341-7cef8d71c9d5","created_at":"2024-08-15T19:05:08.398092Z","reset_token":null,"stripe_customer_id":null,"seats":null},"code":{"script.js":"// Global variables\nlet paddleLeft, paddleRight, ball, paddleLeftSpeed, paddleRightSpeed;\nlet ballSpeedX, ballSpeedY;\nlet scoreLeft, scoreRight;\nlet gameState;\nlet gameMode;\nlet leftPaddleMessage, rightPaddleMessage;\nlet leftPaddleMessageTime, rightPaddleMessageTime;\n\nconst messages = [\"Ouch!\", \"Ow!\", \"That hurt!\", \"Why'd you hit me?\", \"Stop that!\", \"Just let me win so I don't have pain!\", \"War!\"];\nlet burgerImage, hitSound;\n\nfunction preload() {\n burgerImage = loadImage(\"@asset('burger')\");\n hitSound = loadSound(\"@asset('beatSynthPlusDrums')\");\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(0, 255, 0); // Set the background to green\n\n // Initialize paddles and ball\n initializeGameElements();\n\n // Initialize scores\n scoreLeft = 0;\n scoreRight = 0;\n\n // Initialize game state\n gameState = 'controls'; // Possible states: 'controls', 'start', 'selectMode', 'select1PlayerMode', 'play', 'gameOver'\n gameMode = null; // Possible modes: '1PlayerNoBot', '1PlayerBot', '2Players'\n\n // Initialize paddle messages\n leftPaddleMessage = \"\";\n rightPaddleMessage = \"\";\n\n // Add touch event listeners for mobile controls\n addTouchControls();\n}\n\nfunction draw() {\n background(0, 255, 0); // Set the background to green\n\n switch (gameState) {\n case 'controls':\n drawControlsScreen();\n break;\n case 'start':\n drawStartMenu();\n break;\n case 'selectMode':\n drawModeSelectionMenu();\n break;\n case 'select1PlayerMode':\n draw1PlayerModeSelectionMenu();\n break;\n case 'play':\n playGame();\n break;\n case 'gameOver':\n drawGameOverScreen();\n break;\n }\n\n // Display paddle messages\n displayPaddleMessages();\n}\n\nfunction windowResized() {\n resizeCanvas(windowWidth, windowHeight);\n initializeGameElements();\n}\n\nfunction initializeGameElements() {\n paddleLeft = { x: 222, y: height / 2 - 66.67, width: 13.33, height: 133.33 }; // 3 times smaller\n if (gameMode !== 'Practice') {\n paddleRight = { x: width - 232, y: height / 2 - 66.67, width: 13.33, height: 133.33 }; // 3 times smaller\n }\n ball = { x: width / 2, y: height / 2, diameter: 80 };\n\n paddleLeftSpeed = 0;\n paddleRightSpeed = 0;\n\n ballSpeedX = 10; // Increased speed\n ballSpeedY = 6; // Increased speed\n}\n\nfunction drawControlsScreen() {\n textAlign(CENTER, CENTER);\n textSize(64); // 1.00 times bigger\n fill(0);\n text('Controls', width / 2, height / 2 - 120);\n textSize(48); // 1.00 times bigger\n text('Player 1: W and S to move', width / 2, height / 2 - 40);\n text('Player 2: Up and Down Arrows to move', width / 2, height / 2 + 40);\n text('Press Enter to Continue', width / 2, height / 2 + 120);\n}\n\nfunction drawStartMenu() {\n textAlign(CENTER, CENTER);\n textSize(64); // 1.00 times bigger\n fill(0);\n text('Ping Pong Showdown', width / 2, height / 2 - 80);\n text('Press Enter to Start', width / 2, height / 2);\n}\n\nfunction drawModeSelectionMenu() {\n textAlign(CENTER, CENTER);\n textSize(64); // 1.00 times bigger\n fill(0);\n text('Select Mode', width / 2, height / 2 - 160);\n text('1 Player', width / 2, height / 2 - 80);\n text('2 Players', width / 2, height / 2);\n}\n\nfunction draw1PlayerModeSelectionMenu() {\n textAlign(CENTER, CENTER);\n textSize(64); // 1.00 times bigger\n fill(0);\n text('1 Player Mode', width / 2, height / 2 - 160);\n text('Press B for Bot', width / 2, height / 2 - 80);\n text('Press N for No Bot', width / 2, height / 2);\n text('Press P for Practice', width / 2, height / 2 + 80);\n}\n\nfunction drawGameOverScreen() {\n textAlign(CENTER, CENTER);\n textSize(64); // 1.00 times bigger\n fill(0);\n text('Game Over!', width / 2, height / 2 - 80);\n text(`Player ${scoreLeft >= 5 ? '1' : '2'} Wins!`, width / 2, height / 2);\n text('Press Enter to Restart', width / 2, height / 2 + 80);\n}\n\nfunction playGame() {\n const rightControls = document.querySelector('.right-controls');\n\n if (rightControls) {\n rightControls.style.display = (gameMode === '1PlayerBot' || gameMode === 'Practice') ? 'none' : 'flex';\n }\n\n // Draw the table (background color)\n fill(0, 255, 0); // Green color for the table\n rect(0, 0, width, height);\n\n // Draw the net\n stroke(0); // Black color for the net\n strokeWeight(8); // 4 times thicker\n for (let i = 0; i < height; i += 80) { // 4 times bigger spacing\n line(width / 2, i, width / 2, i + 40); // 4 times bigger lines\n }\n noStroke();\n\n // Display scores\n textSize(64); // 1.00 times bigger\n fill(255);\n text(scoreLeft, width / 4, 50);\n if (gameMode !== 'Practice') {\n text(scoreRight, 3 * width / 4, 50);\n }\n\n // Move paddles\n paddleLeft.y += paddleLeftSpeed;\n\n if (gameMode === '2Players') {\n paddleRight.y += paddleRightSpeed;\n } else if (gameMode === '1PlayerBot') {\n // Adjust the bot speed to make it slower, e.g., 40% speed\n const botSpeed = (ball.y - paddleRight.y - paddleRight.height / 2) * 0.4;\n paddleRight.y += botSpeed;\n } else if (gameMode === '1PlayerNoBot' || gameMode === 'Practice') {\n paddleRight.y = paddleLeft.y;\n }\n\n // Constrain paddles within the canvas\n paddleLeft.y = constrain(paddleLeft.y, 0, height - paddleLeft.height);\n if (gameMode !== 'Practice') {\n paddleRight.y = constrain(paddleRight.y, 0, height - paddleRight.height);\n }\n\n // Draw left paddle\n fill(255); // White color for the paddles\n rect(paddleLeft.x, paddleLeft.y, paddleLeft.width, paddleLeft.height);\n\n // Draw right paddle if not in practice mode\n if (gameMode !== 'Practice') {\n rect(paddleRight.x, paddleRight.y, paddleRight.width, paddleRight.height);\n }\n\n // Move the ball\n ball.x += ballSpeedX;\n ball.y += ballSpeedY;\n\n // Bounce the ball off the top and bottom edges\n if (ball.y <= 0 || ball.y >= height) {\n ballSpeedY *= -1;\n }\n\n // Bounce the ball off the paddles with better mechanics\n if (ball.x - ball.diameter / 2 <= paddleLeft.x + paddleLeft.width &&\n ball.x + ball.diameter / 2 > paddleLeft.x && // Ensure ball is in front of the paddle\n ball.y >= paddleLeft.y && ball.y <= paddleLeft.y + paddleLeft.height) {\n ballSpeedX *= -1;\n let hitPos = ball.y - (paddleLeft.y + paddleLeft.height / 2);\n ballSpeedY = hitPos * 0.1; // Adjust the bounce based on where it hits the paddle\n showPaddleMessage('left');\n // Play sound if it's not already playing\n if (!hitSound.isPlaying()) {\n hitSound.play();\n }\n }\n\n if (gameMode !== 'Practice' && ball.x + ball.diameter / 2 >= paddleRight.x &&\n ball.x - ball.diameter / 2 < paddleRight.x + paddleRight.width && // Ensure ball is in front of the paddle\n ball.y >= paddleRight.y && ball.y <= paddleRight.y + paddleRight.height) {\n ballSpeedX *= -1;\n let hitPos = ball.y - (paddleRight.y + paddleRight.height / 2);\n ballSpeedY = hitPos * 0.1; // Adjust the bounce based on where it hits the paddle\n showPaddleMessage('right');\n // Play sound if it's not already playing\n if (!hitSound.isPlaying()) {\n hitSound.play();\n }\n }\n\n // Bounce off the left and right walls in practice mode\n if (gameMode === 'Practice') {\n if (ball.x - ball.diameter / 2 <= 0 || ball.x + ball.diameter / 2 >= width) {\n ballSpeedX *= -1;\n }\n } else {\n // Check for scoring\n if (ball.x < 0) {\n scoreRight++;\n if (scoreRight >= 5) {\n gameState = 'gameOver';\n } else {\n resetBall();\n }\n } else if (ball.x > width) {\n scoreLeft++;\n if (scoreLeft >= 5) {\n gameState = 'gameOver';\n } else {\n resetBall();\n }\n }\n }\n\n // Draw the ball\n image(burgerImage, ball.x - ball.diameter / 2, ball.y - ball.diameter / 2, ball.diameter, ball.diameter);\n}\n\nfunction keyPressed() {\n if (gameState === 'controls' && keyCode === ENTER) {\n gameState = 'start';\n } else if (gameState === 'start' && keyCode === ENTER) {\n gameState = 'selectMode';\n } else if (gameState === 'selectMode') {\n if (key === '1') {\n gameState = 'select1PlayerMode';\n } else if (key === '2') {\n gameMode = '2Players';\n gameState = 'play';\n }\n } else if (gameState === 'select1PlayerMode') {\n if (key === 'B' || key === 'b') {\n gameMode = '1PlayerBot';\n gameState = 'play';\n } else if (key === 'N' || key === 'n') {\n gameMode = '1PlayerNoBot';\n gameState = 'play';\n } else if (key === 'P' || key === 'p') {\n gameMode = 'Practice';\n initializeGameElements(); // Reinitialize game elements for practice mode\n gameState = 'play';\n }\n } else if (gameState === 'gameOver' && keyCode === ENTER) {\n resetGame();\n gameState = 'start';\n } else {\n // Paddle control code\n if (key === 'W' || key === 'w') {\n paddleLeftSpeed = -5;\n if (gameMode === '1PlayerNoBot' || gameMode === 'Practice') paddleRightSpeed = -5;\n } else if (key === 'S' || key === 's') {\n paddleLeftSpeed = 5;\n if (gameMode === '1PlayerNoBot' || gameMode === 'Practice') paddleRightSpeed = 5;\n }\n\n if (keyCode === UP_ARROW) {\n paddleRightSpeed = -5;\n } else if (keyCode === DOWN_ARROW) {\n paddleRightSpeed = 5;\n }\n }\n}\n\nfunction keyReleased() {\n if (key === 'W' || key === 'w' || key === 'S' || key === 's') {\n paddleLeftSpeed = 0;\n if (gameMode === '1PlayerNoBot' || gameMode === 'Practice') paddleRightSpeed = 0;\n }\n\n if (keyCode === UP_ARROW || keyCode === DOWN_ARROW) {\n paddleRightSpeed = 0;\n }\n}\n\nfunction resetBall() {\n ball.x = width / 2;\n ball.y = height / 2;\n ballSpeedX = 10; // Set the new increased speed\n ballSpeedY = 6; // Set the new increased speed\n ballSpeedX *= -1; // Change direction\n}\n\nfunction resetGame() {\n scoreLeft = 0;\n scoreRight = 0;\n resetBall();\n initializeGameElements();\n}\n\nfunction showPaddleMessage(paddle) {\n const message = messages[Math.floor(Math.random() * messages.length)]; // Randomize message selection\n if (paddle === 'left') {\n leftPaddleMessage = message;\n leftPaddleMessageTime = millis();\n } else if (paddle === 'right') {\n rightPaddleMessage = message;\n rightPaddleMessageTime = millis();\n }\n}\n\nfunction displayPaddleMessages() {\n textSize(40); // 1.00 times bigger\n fill(255, 0, 0);\n if (leftPaddleMessage && millis() - leftPaddleMessageTime < 5000) {\n text(leftPaddleMessage, paddleLeft.x + paddleLeft.width / 2, paddleLeft.y - 20);\n } else {\n leftPaddleMessage = \"\";\n }\n if (rightPaddleMessage && millis() - rightPaddleMessageTime < 5000) {\n text(rightPaddleMessage, paddleRight.x + paddleRight.width / 2, paddleRight.y - 20);\n } else {\n rightPaddleMessage = \"\";\n }\n}\n\nfunction addTouchControls() {\n let touchStartY;\n\n function handleTouchStart(e) {\n touchStartY = e.touches[0].clientY;\n }\n\n function handleTouchMove(e) {\n const touchCurrentY = e.touches[0].clientY;\n const touchDeltaY = touchCurrentY - touchStartY;\n\n // Move left paddle with touch\n if (touchCurrentY < window.innerHeight / 2) {\n paddleLeft.y += touchDeltaY;\n } else if (gameMode !== 'Practice') {\n paddleRight.y += touchDeltaY;\n }\n\n // Constrain paddles within the canvas\n paddleLeft.y = constrain(paddleLeft.y, 0, height - paddleLeft.height);\n if (gameMode !== 'Practice') {\n paddleRight.y = constrain(paddleRight.y, 0, height - paddleRight.height);\n }\n\n touchStartY = touchCurrentY; // Update start position\n }\n\n window.addEventListener('touchstart', handleTouchStart, false);\n window.addEventListener('touchmove', handleTouchMove, false);\n}","style.css":"body {\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n background-color: #f0f0f0;\n}\n\n.canvas {\n border: none;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.controls {\n position: absolute;\n bottom: 20px;\n width: 100%;\n display: flex;\n justify-content: space-between;\n}\n\n.left-controls, .right-controls {\n display: flex;\n flex-direction: column;\n}\n\n.arrow-button {\n width: 60px;\n height: 60px;\n font-size: 24px;\n margin: 5px;\n border: none;\n background-color: #ddd;\n border-radius: 10px;\n cursor: pointer;\n}\n\n.arrow-button:active {\n background-color: #bbb;\n}\n\n.highlighted {\n background-color: #00f; /* Blue color for highlighting */\n color: #fff; /* White text color */\n}","index.html":"\n\n\n\n \n \n Ping Pong Showdown\n \n \n \n\n\n\n \n\n\n"},"chat_history":[{"deleted":0,"code_id":139158,"input_tokens":null,"id":67720,"project_id":2894,"sender":"human","message":"Let's get started!","created_at":"2024-08-20T17:56:34.699223Z","output_tokens":null},{"deleted":0,"code_id":139158,"input_tokens":null,"id":67721,"project_id":2894,"sender":"ai","message":"Awesome! Your project is already looking great. 🎉 Let's add some cool new features to make it even more fun. Here are a few suggestions for what we can add:\n\n1. **Power-ups/Items** 🛠: Add some fun items like \"speed boosts\" or \"ball freeze\" that players can collect during the game.\n2. **Sound Effects** 🔊: Add more sound effects for different events like scoring points or hitting the ball.\n3. **Customization** 🎨: Allow players to customize paddles or the ball with different colors or images.\n4. **Advanced Bot AI** 🤖: Improve the bot's AI to make it more challenging for the player.\n5. **Special Modes** 🎮: Add special game modes like \"Crazy Ball\" where the ball changes speed randomly.\n\nWhich features would you like to start with or do you have any other ideas in mind? Let me know, and we'll get to work!","created_at":"2024-08-20T17:56:34.706520Z","output_tokens":null},{"deleted":0,"code_id":139160,"input_tokens":null,"id":67724,"project_id":2894,"sender":"human","message":"make the ball speed faster","created_at":"2024-08-20T17:56:52.054337Z","output_tokens":null},{"deleted":0,"code_id":139160,"input_tokens":null,"id":67725,"project_id":2894,"sender":"ai","message":"Sure! Let's make the ball move faster to increase the excitement of the game! 🎉\n\nWe can do this by adjusting the initial speed values of the ball. \n\nHere are the steps to do that:\n\n1. **Increase the initial speed values of the ball in the `initializeGameElements` function.**\n2. **Reinitialize the ball speed when the game restarts by updating the `resetBall` function.**\n\nLet's implement these changes:\n\n### Step 1: Increase Initial Ball Speed\n\nIn the `initializeGameElements` function, update the `ballSpeedX` and `ballSpeedY` values to make the ball faster.\n\n```javascript\nfunction initializeGameElements() {\n paddleLeft = { x: 222, y: height / 2 - 66.67, width: 13.33, height: 133.33 }; // 3 times smaller\n if (gameMode !== 'Practice') {\n paddleRight = { x: width - 232, y: height / 2 - 66.67, width: 13.33, height: 133.33 }; // 3 times smaller\n }\n ball = { x: width / 2, y: height / 2, diameter: 80 };\n\n paddleLeftSpeed = 0;\n paddleRightSpeed = 0;\n\n ballSpeedX = 10; // Increased speed\n ballSpeedY = 6; // Increased speed\n}\n```\n\n### Step 2: Reinitialize Ball Speed on Game Restart\n\nIn the `resetBall` function, make sure the ball speed is set to the new faster values.\n\n```javascript\nfunction resetBall() {\n ball.x = width / 2;\n ball.y = height / 2;\n ballSpeedX = 10; // Set the new increased speed\n ballSpeedY = 6; // Set the new increased speed\n ballSpeedX *= -1; // Change direction\n}\n```\n\n### Explanation\n\n- **initializeGameElements**: Sets the initial speed of the ball to be faster.\n- **resetBall**: Ensures that when the ball is reset (after a score), it maintains the new faster speed.\n\nGo ahead and replace the existing functions with these updated ones. Let me know if you have any questions or if you'd like to add any other features! 🚀","created_at":"2024-08-20T17:56:52.117543Z","output_tokens":null},{"deleted":0,"code_id":139164,"input_tokens":null,"id":67728,"project_id":2894,"sender":"human","message":"make bot padel go slower","created_at":"2024-08-20T17:59:22.387945Z","output_tokens":null},{"deleted":0,"code_id":139164,"input_tokens":null,"id":67729,"project_id":2894,"sender":"ai","message":"Got it! To make the bot paddle move slower, we can adjust the speed at which it follows the ball. Currently, the bot paddle moves at 70% of the speed difference between the ball and the paddle's position. We can reduce this percentage to make the bot paddle slower.\n\n### Step: Adjust Bot Paddle Speed\n\nIn the `playGame` function, update the `botSpeed` calculation to reduce the bot paddle's speed.\n\n```javascript\nfunction playGame() {\n const rightControls = document.querySelector('.right-controls');\n\n if (rightControls) {\n rightControls.style.display = (gameMode === '1PlayerBot' || gameMode === 'Practice') ? 'none' : 'flex';\n }\n\n // Draw the table (background color)\n fill(0, 255, 0); // Green color for the table\n rect(0, 0, width, height);\n\n // Draw the net\n stroke(0); // Black color for the net\n strokeWeight(8); // 4 times thicker\n for (let i = 0; i < height; i += 80) { // 4 times bigger spacing\n line(width / 2, i, width / 2, i + 40); // 4 times bigger lines\n }\n noStroke();\n\n // Display scores\n textSize(64); // 1.00 times bigger\n fill(255);\n text(scoreLeft, width / 4, 50);\n if (gameMode !== 'Practice') {\n text(scoreRight, 3 * width / 4, 50);\n }\n\n // Move paddles\n paddleLeft.y += paddleLeftSpeed;\n\n if (gameMode === '2Players') {\n paddleRight.y += paddleRightSpeed;\n } else if (gameMode === '1PlayerBot') {\n // Adjust the bot speed to make it slower, e.g., 40% speed\n const botSpeed = (ball.y - paddleRight.y - paddleRight.height / 2) * 0.4;\n paddleRight.y += botSpeed;\n } else if (gameMode === '1PlayerNoBot' || gameMode === 'Practice') {\n paddleRight.y = paddleLeft.y;\n }\n\n // Constrain paddles within the canvas\n paddleLeft.y = constrain(paddleLeft.y, 0, height - paddleLeft.height);\n if (gameMode !== 'Practice') {\n paddleRight.y = constrain(paddleRight.y, 0, height - paddleRight.height);\n }\n\n // Draw left paddle\n fill(255); // White color for the paddles\n rect(paddleLeft.x, paddleLeft.y, paddleLeft.width, paddleLeft.height);\n\n // Draw right paddle if not in practice mode\n if (gameMode !== 'Practice') {\n rect(paddleRight.x, paddleRight.y, paddleRight.width, paddleRight.height);\n }\n\n // Move the ball\n ball.x += ballSpeedX;\n ball.y += ballSpeedY;\n\n // Bounce the ball off the top and bottom edges\n if (ball.y <= 0 || ball.y >= height) {\n ballSpeedY *= -1;\n }\n\n // Bounce the ball off the paddles with better mechanics\n if (ball.x - ball.diameter / 2 <= paddleLeft.x + paddleLeft.width &&\n ball.x + ball.diameter / 2 > paddleLeft.x && // Ensure ball is in front of the paddle\n ball.y >= paddleLeft.y && ball.y <= paddleLeft.y + paddleLeft.height) {\n ballSpeedX *= -1;\n let hitPos = ball.y - (paddleLeft.y + paddleLeft.height / 2);\n ballSpeedY = hitPos * 0.1; // Adjust the bounce based on where it hits the paddle\n showPaddleMessage('left');\n // Play sound if it's not already playing\n if (!hitSound.isPlaying()) {\n hitSound.play();\n }\n }\n\n if (gameMode !== 'Practice' && ball.x + ball.diameter / 2 >= paddleRight.x &&\n ball.x - ball.diameter / 2 < paddleRight.x + paddleRight.width && // Ensure ball is in front of the paddle\n ball.y >= paddleRight.y && ball.y <= paddleRight.y + paddleRight.height) {\n ballSpeedX *= -1;\n let hitPos = ball.y - (paddleRight.y + paddleRight.height / 2);\n ballSpeedY = hitPos * 0.1; // Adjust the bounce based on where it hits the paddle\n showPaddleMessage('right');\n // Play sound if it's not already playing\n if (!hitSound.isPlaying()) {\n hitSound.play();\n }\n }\n\n // Bounce off the left and right walls in practice mode\n if (gameMode === 'Practice') {\n if (ball.x - ball.diameter / 2 <= 0 || ball.x + ball.diameter / 2 >= width) {\n ballSpeedX *= -1;\n }\n } else {\n // Check for scoring\n if (ball.x < 0) {\n scoreRight++;\n if (scoreRight >= 5) {\n gameState = 'gameOver';\n } else {\n resetBall();\n }\n } else if (ball.x > width) {\n scoreLeft++;\n if (scoreLeft >= 5) {\n gameState = 'gameOver';\n } else {\n resetBall();\n }\n }\n }\n\n // Draw the ball\n image(burgerImage, ball.x - ball.diameter / 2, ball.y - ball.diameter / 2, ball.diameter, ball.diameter);\n}\n```\n\n### Explanation\n\n- **playGame**: Adjusts the `botSpeed` calculation to 40% of the difference between the ball's position and the paddle's position, making the bot move slower.\n\nGo ahead and replace the existing `playGame` function with this updated one. Let me know if you have any questions or if there's anything else you'd like to add! 🚀","created_at":"2024-08-20T17:59:22.394504Z","output_tokens":null}],"assets":[{"cloudinary_id":"egpgkprdp7dywnymrom3","project_id":2894,"created_at":"2024-08-20T17:56:23.254720Z","deleted":false,"name":"beatSynthPlusDrums","resource_type":"video","id":18331},{"cloudinary_id":"wltoomoc5fqalttvkxk7","project_id":2894,"created_at":"2024-08-20T17:56:23.252310Z","deleted":false,"name":"burger","resource_type":"image","id":18330},{"cloudinary_id":"oytmpwskw5nmqjvj0aqw","project_id":2894,"created_at":"2024-08-20T17:56:23.248757Z","deleted":false,"name":"french fries","resource_type":"image","id":18329}],"messages_sent":3,"comments":[],"steps":[]}