Satisfying Color Game

{"name":"Satisfying Color Game","description":"fun\n","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/lppntqymapwel2qeacdu","view_count":4,"fork_count":0,"expires_at":null,"created_at":"2024-11-06T20:13:39.521295Z","updated_at":"2024-11-06T20:13:39.521299Z","user_id":233,"status":"PRIVATE","parent_id":4401,"id":4454,"user":{"username":"cjw","id":233,"password_hash":"$2b$12$Df507mvCGj0BBlLQ54gE4upckbOvTWZM4Js0PtU0BLrXhy06uePL6","updated_at":"2024-10-15T14:38:29.024459Z","reset_token_expiry":null,"subscription_status":"","photo":null,"email":"cj.wright@alpha.school","recess_id":null,"created_at":"2024-10-15T14:38:29.024454Z","reset_token":null,"stripe_customer_id":"","seats":null},"code":{"script.js":"let ball;\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(255);\n ball = {\n x: width / 2,\n y: height / 2,\n vx: random(-5, 5),\n vy: random(-5, 5),\n color: color(random(255), random(255), random(255))\n };\n}\n\nfunction draw() {\n // Draw the rainbow trail by not clearing the background completely\n background(255, 10);\n\n // Update square position\n ball.x += ball.vx;\n ball.y += ball.vy;\n\n // Check for wall collision and bounce\n if (ball.x > width || ball.x < 0) {\n ball.vx *= -1;\n }\n if (ball.y > height || ball.y < 0) {\n ball.vy *= -1;\n }\n\n // Change the color gradually to create a rainbow effect\n ball.color = color((frameCount % 255), 100, 200);\n\n // Draw the square\n fill(ball.color);\n rect(ball.x, ball.y, 50, 50);\n}\n\nfunction keyPressed() {\n // Handle user movement controls\n}\n\nfunction mousePressed() {\n // Handle interactions with colorful elements\n}\n\nfunction mouseDragged() {\n // Update square position to follow the mouse\n ball.x = mouseX - 25;\n ball.y = mouseY - 25;\n\n // Set velocity to zero while dragging\n ball.vx = 0;\n ball.vy = 0;\n}\n\nfunction mouseReleased() {\n // Calculate new velocity based on drag speed\n ball.vx = (mouseX - pmouseX) * 0.5;\n ball.vy = (mouseY - pmouseY) * 0.5;\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Satisfying Color Game\n \n \n\n\n \n\n"},"chat_history":[],"assets":[{"cloudinary_id":"lppntqymapwel2qeacdu","project_id":4454,"created_at":"2024-11-06T20:13:39.528498Z","deleted":false,"name":"hehe","resource_type":"image","id":46156}],"messages_sent":0,"comments":[],"steps":[]}