Satisfying Color Game

{"name":"Satisfying Color Game","description":"fun\n","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/lppntqymapwel2qeacdu","view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-11-05T14:26:55.925880Z","updated_at":"2024-11-05T14:26:55.925882Z","user_id":5,"status":"PRIVATE","parent_id":4424,"id":4425,"user":{"photo":null,"email":null,"recess_id":"b5574579-4904-b775-ad8e-eff5c085f819","created_at":"2023-12-12T12:00:51.087995Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"theop","id":5,"password_hash":null,"updated_at":"2023-12-12T12:00:51.087997Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let ball;\n\nlet stopButton = document.getElementById('stopButton');\n\nlet timeSlider = document.getElementById('timeSlider');\n\nlet timeValue = document.getElementById('timeValue');\n\nlet stationarySquares = [];\n\nlet currentMode = 'normal';\n\nlet modeButton = document.getElementById('modeButton');\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 // Common drawing logic\n background(255, 10);\n ball.x += ball.vx;\n ball.y += ball.vy;\n\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 ball.color = color((frameCount % 255), 100, 200);\n fill(ball.color);\n rect(ball.x, ball.y, 50, 50);\n\n if (currentMode === 'stopAndSpawn') {\n // Check for collision with stationary squares\n stationarySquares.forEach((square) => {\n if (\n ball.x < square.x + square.width &&\n ball.x + 50 > square.x &&\n ball.y < square.y + square.height &&\n ball.y + 50 > square.y\n ) {\n ball.vx *= -1;\n ball.vy *= -1;\n }\n });\n\n // Draw stationary squares\n stationarySquares.forEach((square) => {\n fill(square.color);\n rect(square.x, square.y, square.width, square.height);\n });\n }\n}\n\ntimeSlider.addEventListener('input', function () {\n timeValue.innerText = timeSlider.value;\n});\n\nstopButton.addEventListener('click', function () {\n setTimeout(stopAndSpawn, timeSlider.value * 1000);\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\ntimeSlider.addEventListener('input', function () {\n timeValue.innerText = timeSlider.value;\n});\n\nstopButton.addEventListener('click', function () {\n setTimeout(stopAndSpawn, timeSlider.value * 1000);\n});\n\nfunction stopAndSpawn() {\n // Add the stopped square to the stationary squares array\n stationarySquares.push({\n x: ball.x,\n y: ball.y,\n width: 50,\n height: 50,\n color: ball.color\n });\n\n // Spawn a new square\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\nmodeButton.addEventListener('click', function () {\n if (currentMode === 'normal') {\n currentMode = 'stopAndSpawn';\n modeButton.innerText = 'Switch to Normal Mode';\n } else {\n currentMode = 'normal';\n modeButton.innerText = 'Switch to Stop & Spawn Mode';\n }\n});\n\nstopButton.addEventListener('click', function () {\n if (currentMode === 'stopAndSpawn') {\n setTimeout(stopAndSpawn, timeSlider.value * 1000);\n }\n});\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n\n \n \n Satisfying Color Game\n \n \n\n\n\n \n \n

Time: 5 seconds

\n \n \n\n\n"},"chat_history":[],"assets":[{"cloudinary_id":"lppntqymapwel2qeacdu","name":"hehe","deleted":false,"id":45685,"created_at":"2024-11-05T14:26:55.936367Z","project_id":4425,"resource_type":"image"}],"messages_sent":0,"comments":[],"steps":[]}