StSS 3.1

{"name":"StSS 3.2 [Brownsville]","description":"Gravity!","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/zun3dpkcjgdgd4jwqwc1","view_count":2,"fork_count":0,"expires_at":null,"created_at":"2024-10-09T17:09:49.206791Z","updated_at":"2024-10-09T17:10:19.666555Z","user_id":60,"status":"PRIVATE","parent_id":2015,"id":3533,"user":{"photo":null,"email":"jacob@jippity.pro","recess_id":"34481dd2-2bdf-14f9-99da-131de59dc90f","created_at":"2024-02-26T18:31:54.473216Z","reset_token":null,"stripe_customer_id":"cus_RPbovGjLueUufv","seats":100,"username":"2718281828459045","id":60,"password_hash":"$2b$12$ZpelZmCi5wEA/VuXSdOJXeylQ6vOUks0sfwQxIKdjwBAeamaWIMOW","updated_at":"2024-02-26T18:31:54.473218Z","reset_token_expiry":null,"subscription_status":"active"},"code":{"script.js":"\n\n// Most of this setup code is pulled from last week; feel free to speed through.\nlet planets = [];\n\nlet selectedPlanet = null; // This will keep track of which planet has been clicked last.\nlet currentHue = 280; // For colors, as we add new planets\n\n// HTML-related stuff for the Stats Panel.\nlet statsDiv;\nlet centerBall0Checkbox;\n\nlet playPauseButton;\nlet isPaused = false;\nlet isDragging = false;\n// More HTML-related stuff...\n\nlet groundHeight; // How high the ground level will be, measured from the *top* of the canvas in pixels.\n\n// For coordinates\nlet yOffset;\nlet xOffset;\n\nlet celestialBodies = {\n \"Sun\": { radius: 80, mass: 1.989e30, emoji: '☀️', position: { x: 0, y: 0 }, velocity: { vx: 0, vy: 0 } },\n \"Mercury\": { radius: 3, mass: 3.285e23, emoji: '☿️', position: { x: 50, y: 0 }, velocity: { vx: 0, vy: 1.5 } },\n \"Venus\": { radius: 5, mass: 4.867e24, emoji: '♀️', position: { x: 70, y: 0 }, velocity: { vx: 0, vy: 1.2 } },\n \"Earth\": { radius: 6, mass: 5.972e24, emoji: '🌍', position: { x: 100, y: 0 }, velocity: { vx: 0, vy: 1.0 } },\n \"Mars\": { radius: 4, mass: 6.39e23, emoji: '♂️', position: { x: 150, y: 0 }, velocity: { vx: 0, vy: 0.8 } },\n \"Jupiter\": { radius: 20, mass: 1.898e27, emoji: '♃', position: { x: 200, y: 0 }, velocity: { vx: 0, vy: 0.5 } },\n \"Saturn\": { radius: 17, mass: 5.683e26, emoji: '♄', position: { x: 250, y: 0 }, velocity: { vx: 0, vy: 0.4 } },\n \"Uranus\": { radius: 15, mass: 8.681e25, emoji: '♅', position: { x: 300, y: 0 }, velocity: { vx: 0, vy: 0.3 } },\n \"Neptune\": { radius: 15, mass: 1.024e26, emoji: '♆', position: { x: 350, y: 0 }, velocity: { vx: 0, vy: 0.2 } },\n};\n\nlet planetImages = {};\n\nfunction preload() {\n planetImages[\"Sun\"] = loadImage(\"@asset('sun')\");\n planetImages[\"Mercury\"] = loadImage(\"@asset('mercury')\");\n planetImages[\"Venus\"] = loadImage(\"@asset('venus')\");\n planetImages[\"Earth\"] = loadImage(\"@asset('earth')\");\n planetImages[\"Mars\"] = loadImage(\"@asset('mars')\");\n planetImages[\"Jupiter\"] = loadImage(\"@asset('jupiter')\");\n planetImages[\"Saturn\"] = loadImage(\"@asset('saturn')\");\n planetImages[\"Uranus\"] = loadImage(\"@asset('uranus')\");\n planetImages[\"Neptune\"] = loadImage(\"@asset('neptune')\");\n\n}\n\n\n//////// #MAIN FUNCTIONS/////////\nfunction setup() {\n frameRate(60);\n createCanvas(windowWidth, windowHeight);\n colorMode(HSL);\n\n yOffset = height / 2;\n xOffset = width / 2;\n\n for (let name in celestialBodies) {\n let body = celestialBodies[name];\n body.image = planetImages[name] || null; // Ensure the image is set correctly or null\n let radius = name === \"Sun\" ? body.radius : body.radius * 10;\n planets.push(new Planet(\n name,\n body.position.x, body.position.y,\n body.radius, currentHue, planets.length,\n body.velocity.vx, body.velocity.vy,\n body.image,\n body.emoji // Add emoji to the Planet constructor\n ));\n }\n\n selectedPlanet = planets[0]; // Select the sun for initial setup\n\n statsDiv = createDiv('');\n statsDiv.id('statsDiv');\n statsDiv.position(10, height + 10);\n\n statsDiv.style('width', 'auto');\n selectedPlanet.updateStats();\n let statsDivWidth = statsDiv.elt.offsetWidth;\n\n playPauseButton = createButton('Pause');\n playPauseButton.id('playPauseButton');\n playPauseButton.position(statsDiv.position().x + statsDivWidth + 100, height + 10);\n playPauseButton.mousePressed(togglePause);\n\n playPauseButton.style('background-color', 'green');\n playPauseButton.style('color', 'white');\n playPauseButton.style('font-size', '20px');\n playPauseButton.style('font-weight', 'bold');\n playPauseButton.style('width', '150px');\n playPauseButton.style('height', '50px');\n\n\n}\n// The draw() function is a little different this time.\n// We include *rotation* with ball-following.\nfunction draw() {\n background(220, 50, 90);\n\n push();\n\n let sun = planets.find(planet => planet.name === \"Sun\");\n let translateX = width / 2 - sun.x;\n let translateY = height / 2 - sun.y;\n\n translate(translateX, translateY);\n\n\n drawGrid();\n\n if (!isPaused) {\n updatePlanets();\n checkPlanetCollisions();\n\n for (let planet of planets) {\n planet.updateStats();\n }\n }\n\n for (let planet of planets) {\n planet.display();\n }\n\n mouseHeld();\n pop();\n}\n// ************************************************************************************\n// OK this is the real meat of today's lesson.\n// What is gravity and how does it work? Let's talk, then program.\nfunction updatePlanets() {\n // This number G encodes the strength of gravity.\n let G = 6.67430 * 0.1;\n\n // We will run some calculations in a loop, once for each planet.\n for (let i = 0; i < planets.length; i++) {\n // Reset acceleration in x and y directions:\n \n\n // Now, ANOTHER loop — why? — because we have to calculate the force of gravity on *this* planet from all the *other* planets!\n for (let j = 0; j < planets.length; j++) {\n if (i != j) { // (No self-gravity)\n let planetA = planets[i];\n let planetB = planets[j];\n\n let dx = planetB.x - planetA.x;\n let dy = planetB.y - planetA.y;\n let distance = sqrt(dx * dx + dy * dy);\n // This is the big money, the equation Newton fought so hard for.\n // It is profound because it is simple.\n // The masses of both planets increase the force of gravity by multiplication.\n // The distance SQUARED between the planets decreases the force of gravity. Look up \"Inverse square law.\"\n let force = (G * planetA.mass * planetB.mass) / (distance * distance);\n \n // Calculate angle as usual\n let angle = atan2(dy, dx);\n\n // The conclusion: gravity is just a force like any other, that causes acceleration and is resisted by mass.\n ax += cos(angle) * force / planetA.mass;\n ay += sin(angle) * force / planetA.mass;\n }\n }\n // Set the accelerations.\n planets[i].ax = ax;\n planets[i].ay = ay;\n }\n\n for (let planet of planets) {\n planet.vx += planet.ax;\n planet.vy += planet.ay;\n planet.x += planet.vx;\n planet.y += planet.vy;\n }\n} class Planet {\n constructor(name, x, y, m, hue, id, vx = 0, vy = 0, image = null, emoji = '') {\n this.name = name;\n this.x = x;\n this.y = y;\n this.vx = vx;\n this.vy = vy;\n this.ax = 0;\n this.ay = 0;\n this.frictionVector = null;\n this.radius = m;\n this.mass = m;\n this.hue = hue;\n this.color = color(this.hue, 100, 50);\n this.id = id;\n this.image = image;\n this.emoji = emoji;\n\n currentHue += 35;\n currentHue = currentHue % 360;\n }\n\n move() {\n this.vx += this.ax;\n this.vy += this.ay;\n this.x += this.vx;\n this.y -= this.vy;\n }\n\n display() {\n let angle = atan2(this.vy, this.vx);\n push();\n translate(this.x, this.y);\n rotate(angle);\n\n if (this.image) {\n imageMode(CENTER);\n image(this.image, 0, 0, this.radius * 2, this.radius * 2);\n } else if (this.emoji) {\n textSize(this.radius * 2);\n textAlign(CENTER, CENTER);\n text(this.emoji, 0, 0);\n } else {\n fill(this.color);\n ellipse(0, 0, this.radius * 2, this.radius * 2);\n }\n\n pop();\n\n let velocity = createVector(this.vx, this.vy).mult(4); // Make velocity arrow much longer\n drawArrow(createVector(this.x, this.y), velocity, '#21f00a');\n\n let acceleration = createVector(this.ax, this.ay).mult(20); // Make acceleration arrow much longer\n drawArrow(createVector(this.x, this.y), acceleration, '#035afc');\n\n\n }\n\n\n\n\n updateStats() {\n if (selectedPlanet && this.id === selectedPlanet.id) {\n statsDiv.html(`\n Planet #${this.id} \n Mass: ${this.mass.toFixed(2)}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

X:	Position: ${(this.x * 0.1).toFixed(1)}	←	Velocity: ${(Math.abs(this.vx * 0.1) < 0.01 ? \"0.00\" : (this.vx * 0.1).toFixed(1))}	←	Acceleration: ${(this.ax * 0.1).toFixed(2)}
Y:	Position: ${(-this.y * 0.1).toFixed(1)}	←	Velocity: ${(Math.abs(this.vy * 0.1) < 0.01 ? \"0.00\" : (this.vy * 0.1).toFixed(1))}	←	Acceleration: ${(this.ay * 0.1).toFixed(2)}

\n `);\n }\n }\n\n makeStatsEditable() {\n statsDiv.html(`\n Planet #${this.id}\n Mass: ${this.mass.toFixed(2)}\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

X:	Position:	←	Velocity:	←	Acceleration:
Y:	Position:	←	Velocity:	←	Acceleration:

\n `);\n\n select('#posX').input(() => this.x = parseFloat(select('#posX').value()) / 0.1);\n select('#posY').input(() => this.y = -parseFloat(select('#posY').value()) / 0.1);\n select('#velX').input(() => this.vx = parseFloat(select('#velX').value()) / 0.1);\n select('#velY').input(() => this.vy = parseFloat(select('#velY').value()) / 0.1);\n select('#accX').input(() => this.ax = parseFloat(select('#accX').value()) / 0.1);\n select('#accY').input(() => this.ay = parseFloat(select('#accY').value()) / 0.1);\n }\n\n makeStatsReadOnly() {\n if (select('#posX') && select('#posY') && select('#velX') && select('#velY') && select('#accX') && select('#accY')) {\n this.x = parseFloat(select('#posX').value()) / 0.1;\n this.y = -parseFloat(select('#posY').value()) / 0.1;\n this.vx = parseFloat(select('#velX').value()) / 0.1;\n this.vy = parseFloat(select('#velY').value()) / 0.1;\n this.ax = parseFloat(select('#accX').value()) / 0.1;\n this.ay = parseFloat(select('#accY').value()) / 0.1;\n }\n\n this.updateStats();\n }\n\n // Added collision detection method\n checkCollision(other) {\n\n let dx = this.x - other.x;\n let dy = this.y - other.y;\n let distance = sqrt(dx * dx + dy * dy);\n return distance < this.radius + other.radius;\n }\n\n resolveCollision(other) {\n // Added collision resolution method\n let dx = other.x - this.x;\n let dy = other.y - this.y;\n let distance = Math.sqrt(dx * dx + dy * dy);\n\n // Calculate the normal and tangent vectors\n let nx = dx / distance;\n let ny = dy / distance;\n let tx = -ny;\n let ty = nx;\n\n // Dot product tangent and normal\n let dpNorm1 = this.vx * nx + this.vy * ny;\n let dpNorm2 = other.vx * nx + other.vy * ny;\n let dpTan1 = this.vx * tx + this.vy * ty;\n let dpTan2 = other.vx * tx + other.vy * ty;\n\n // Conservation of momentum in one dimension\n let m1 = (dpNorm1 * (this.mass - other.mass) + 2 * other.mass * dpNorm2) / (this.mass + other.mass);\n let m2 = (dpNorm2 * (other.mass - this.mass) + 2 * this.mass * dpNorm1) / (this.mass + other.mass);\n\n // Update velocities\n this.vx = tx * dpTan1 + nx * m1;\n this.vy = ty * dpTan1 + ny * m1;\n other.vx = tx * dpTan2 + nx * m2;\n other.vy = ty * dpTan2 + ny * m2;\n\n // Check if planets are inside each other and adjust positions if necessary\n if (distance < this.radius + other.radius) {\n let overlap = (this.radius + other.radius - distance) / 2;\n let displacementX = nx * overlap;\n let displacementY = ny * overlap;\n\n this.x -= displacementX;\n this.y -= displacementY;\n other.x += displacementX;\n other.y += displacementY;\n }\n\n\n // Update angles\n this.angle = atan2(-this.vy, this.vx);\n other.angle = atan2(-other.vy, other.vx);\n }\n}\n\n\n\n\n\n\n///////////////////////////////////////////////////////////////////////////////////////////\n// Everything after this supports the simulation but is not essential to your understanding. \n// Read it on your own time if you're a coder.\n\n/////////// #HELPER FUNCTIONS ///////////\n\n\n\n// This function checks collision between every *pair* of Balls. (Think about why it's an outside function, not a method of the Ball class.)\nfunction checkPlanetCollisions() {\n for (let i = 0; i < planets.length; i++) {\n for (let j = i + 1; j < planets.length; j++) {\n let planet1 = planets[i];\n let planet2 = planets[j];\n if (planet1.checkCollision(planet2)) {\n // If two colliding Balls are detected, initiate their collision.\n planet1.resolveCollision(planet2);\n }\n }\n }\n}\n\nfunction drawWallBounceIndicator() {\n if (wallBounceCheckbox.checked()) {\n stroke('rgba(0, 0, 139, 0.2)'); // Dark blue color with 50% transparency\n strokeWeight(10); // Set the thickness of the line\n\n // Align the rectangle with the nearest gridline (10x10 grid)\n let gridSize = 10;\n let halfWidth = Math.floor(width / 2 / gridSize) * gridSize;\n let halfHeight = Math.floor(height / gridSize) * gridSize;\n\n noFill();\n rect(-halfWidth - 5, Math.floor(-yOffset / gridSize) * gridSize + 5, (Math.floor(width / gridSize) * gridSize) + (1 * gridSize), (Math.floor(halfHeight / gridSize) * gridSize + gridSize)); // Rectangle indicating the walls\n }\n noStroke()\n}\n\n// This function runs the Play/Pause button.\nfunction togglePause() {\n isPaused = !isPaused;\n playPauseButton.html(isPaused ? 'Play' : 'Pause');\n\n if (isPaused) {\n playPauseButton.addClass('play');\n if (selectedPlanet) {\n selectedPlanet.makeStatsEditable();\n }\n } else {\n playPauseButton.removeClass('play');\n if (selectedPlanet) {\n selectedPlanet.makeStatsReadOnly();\n }\n }\n}\n\n// Draw a grid of 10x10 pixel squares\nfunction drawGrid() {\n strokeWeight(1);\n let gridColor = color(200, 0, 80);\n let axisColor = color(0, 0, 0);\n let gridSize = 10;\n\n // Calculate the total grid size, extending offscreen\n let gridWidth = Math.floor(20 * width / gridSize) * gridSize;\n let gridHeight = Math.floor(20 * height / gridSize) * gridSize;\n\n // Align the grid lines with the origin (width/2, groundHeight)\n let originX = Math.floor(0.5 * width / gridSize) * gridSize;\n let originY = Math.floor(0.5 * height / gridSize) * gridSize;\n\n\n // Vertical lines\n for (let x = -gridWidth; x <= gridWidth; x += gridSize) {\n stroke(gridColor);\n line(x - (originX % gridSize), -gridHeight, x - (originX % gridSize), gridHeight);\n }\n\n // Horizontal lines\n for (let y = -gridHeight; y <= gridHeight; y += gridSize) {\n stroke(gridColor);\n line(-gridWidth, y - (originY % gridSize), gridWidth, y - (originY % gridSize));\n }\n\n // Draw the x-axis at groundHeight\n stroke(axisColor);\n strokeWeight(2);\n line(-gridWidth, 0, gridWidth, 0);\n\n // Draw the y-axis at width / 2\n stroke(axisColor);\n strokeWeight(2);\n line(0, -gridHeight, 0, gridHeight);\n\n noStroke();\n}\n\n\n// The clouds are a little fancier this time.\n/*\n We want lots of clouds so that we can keep our eyes oriented while the ball moves.\n A rigid grid of clouds makes sure there are clouds everywhere in the sky, but that would look bad.\n So we add a random offset to each — they clouds are *almost* in a grid. \n*/\nfunction initializeClouds() {\n let gridSize = 10; // Size of each grid square\n let cloudSpacing = 30 * gridSize; // Space clouds every 30 grid squares\n\n // Calculate the total grid size, extending offscreen\n let gridWidth = Math.floor(20 * width / gridSize) * gridSize;\n let gridHeight = Math.floor(20 * height / gridSize) * gridSize;\n\n clouds = []; // Clear any existing clouds\n\n // Populate the clouds array in a lattice pattern with a random offset\n for (let x = -gridWidth; x <= gridWidth; x += cloudSpacing) {\n for (let y = -gridHeight; y <= 0; y += cloudSpacing) {\n let cloud = {\n x: x + random(-100, 100),\n y: y + random(-100, 100),\n cloudWidth: random(50, 150),\n cloudHeight: random(30, 80)\n };\n // Put each new cloud on the list.\n clouds.push(cloud);\n }\n }\n}\n\n// The clouds themselves are not different.\nfunction drawClouds() {\n noStroke();\n fill(255); // White color for clouds\n\n // Translate the drawing context to ensure clouds are drawn correctly\n let translateX = width / 2;\n let translateY = groundHeight;\n\n for (let cloud of clouds) {\n // Adjust cloud position based on translation\n let x = cloud.x + translateX;\n let y = cloud.y + translateY;\n\n // Draw the cloud\n ellipse(x, y, cloud.cloudWidth, cloud.cloudHeight);\n }\n}\n\n// Draw an arrow — we use this for velocity and acceleration vectors.\nfunction drawArrow(base, vec, myColor) {\n if (vec.mag() < 0.01) return; // Do not draw if magnitude (length) is less than 0.01\n const scale = 10;\n push();\n stroke(myColor);\n strokeWeight(1.5); // Make the arrow thinner\n fill(myColor);\n translate(base.x, base.y);\n line(0, 0, vec.x * scale, vec.y * scale); // Make the arrow longer\n rotate(vec.heading());\n let arrowSize = 7;\n translate(vec.mag() * scale - arrowSize, 0);\n triangle(0, arrowSize / 2, 0, -arrowSize / 2, arrowSize, 0);\n pop();\n}\n\n// A checkbox to enable/disable wall bouncing.\nfunction createWallBounceCheckbox() {\n wallBounceCheckbox = createCheckbox('Wall Bounce', false);\n wallBounceCheckbox.id('wallBounceCheckbox');\n wallBounceCheckbox.position(statsDiv.position().x, height + 100); // Position it below the statsDiv\n}\n\n// If you click a Ball, select it and display its stats.\nfunction mousePressed() {\n if (isDragging) return;\n\n let newSelectedPlanet = null;\n\n let sun = planets.find(planet => planet.name === \"Sun\");\n let translateX = width / 2 - sun.x;\n let translateY = height / 2 - sun.y;\n\n for (let planet of planets) {\n let d = dist(mouseX - translateX, mouseY - translateY, planet.x, planet.y);\n\n if (d < planet.radius) {\n newSelectedPlanet = planet;\n break;\n }\n }\n\n if (newSelectedPlanet) {\n selectedPlanet = newSelectedPlanet;\n isDragging = true;\n selectedPlanet.vx = 0;\n selectedPlanet.vy = 0;\n\n if (isPaused) {\n selectedPlanet.makeStatsEditable();\n } else {\n selectedPlanet.makeStatsReadOnly();\n }\n } else {\n // Adjust mouse position for translation\n let adjustedX = mouseX - translateX;\n let adjustedY = mouseY - translateY;\n\n // Add a new planet with random specifications at the adjusted mouse position\n const newPlanet = generateRandomPlanet(adjustedX, adjustedY);\n planets.push(newPlanet);\n }\n}\n// While holding a ball with the mouse...\nfunction mouseHeld() {\n if (isDragging && selectedPlanet) {\n if (typeof selectedPlanet.prevX === 'undefined') {\n selectedPlanet.prevX = selectedPlanet.x;\n selectedPlanet.prevY = selectedPlanet.y;\n }\n\n let translateX = width / 2;\n let translateY = yOffset;\n\n let targetX = mouseX - translateX;\n let targetY = mouseY - translateY;\n\n let smoothingFactor = 0.5;\n let newX = selectedPlanet.x + (targetX - selectedPlanet.x) * smoothingFactor;\n let newY = selectedPlanet.y + (targetY - selectedPlanet.y) * smoothingFactor;\n\n selectedPlanet.vx = (newX - selectedPlanet.prevX) * (frameRate() / 60);\n selectedPlanet.vy = -(newY - selectedPlanet.prevY) * (frameRate() / 60);\n\n selectedPlanet.prevX = newX;\n selectedPlanet.prevY = newY;\n\n selectedPlanet.x = newX;\n selectedPlanet.y = newY;\n\n selectedPlanet.updateStats();\n }\n}\n\n// When you release a Ball....\nfunction mouseReleased() {\n if (isDragging && selectedPlanet) {\n isDragging = false;\n\n selectedPlanet.vx = constrain(selectedPlanet.vx / (frameRate() / 60), -40, 40);\n selectedPlanet.vy = constrain(selectedPlanet.vy / (frameRate() / 60), -40, 40);\n\n delete selectedPlanet.prevX;\n delete selectedPlanet.prevY;\n\n if (isPaused) {\n selectedPlanet.makeStatsEditable();\n }\n }\n}\n\n//////////////////////////////////////////////////////////////////////////////\n\n\nfunction generateRandomPlanet(x, y) {\n const randomName = `Planet${planets.length + 1}`;\n const randomRadius = random(5, 20);\n const randomMass = random(1e23, 1e27);\n const randomVx = random(-2, 2);\n const randomVy = random(-2, 2);\n const randomEmoji = ['🌑', '🌒', '🌓', '🌔', '🌕', '🌖', '🌗', '🌘'][floor(random(8))];\n\n return new Planet(\n randomName,\n x, y,\n randomRadius, currentHue, planets.length,\n randomVx, randomVy,\n null,\n randomEmoji\n );\n}","style.css":"","index.html":"\n\n\n\n \n \n StSS 3.1\n \n\n\n\n \n \n\n\n"},"chat_history":[],"assets":[{"name":"mercury","cloudinary_id":"v9monl3gqcd7jdhzewxo","resource_type":"image","id":23972,"project_id":3533,"created_at":"2024-10-09T17:09:49.254911Z","deleted":false},{"name":"venus","cloudinary_id":"i6exysrb54inn0dbzz5e","resource_type":"image","id":23971,"project_id":3533,"created_at":"2024-10-09T17:09:49.252119Z","deleted":false},{"name":"earth","cloudinary_id":"rsoiws15wjy50gbdsiiv","resource_type":"image","id":23970,"project_id":3533,"created_at":"2024-10-09T17:09:49.250154Z","deleted":false},{"name":"mars","cloudinary_id":"dyzkeopx9xzgqdzwhhun","resource_type":"image","id":23969,"project_id":3533,"created_at":"2024-10-09T17:09:49.248119Z","deleted":false},{"name":"jupiter","cloudinary_id":"knztmajsviml6ydjrjbx","resource_type":"image","id":23968,"project_id":3533,"created_at":"2024-10-09T17:09:49.245918Z","deleted":false},{"name":"saturn","cloudinary_id":"cp7elsfrletlgcrpc2mw","resource_type":"image","id":23967,"project_id":3533,"created_at":"2024-10-09T17:09:49.243955Z","deleted":false},{"name":"uranus","cloudinary_id":"zkpxbh9u1z2gqqd50rku","resource_type":"image","id":23966,"project_id":3533,"created_at":"2024-10-09T17:09:49.239956Z","deleted":false},{"name":"neptune","cloudinary_id":"zun3dpkcjgdgd4jwqwc1","resource_type":"image","id":23965,"project_id":3533,"created_at":"2024-10-09T17:09:49.237361Z","deleted":false},{"name":"sun","cloudinary_id":"m2fnyrzanyad18imd8nr","resource_type":"image","id":23964,"project_id":3533,"created_at":"2024-10-09T17:09:49.234682Z","deleted":false}],"messages_sent":0,"comments":[],"steps":[]}