Bouncing Ball Adventure

{"name":"Bouncing Ball Adventure","description":"Join the fun in this lively Bouncing Ball Adventure! Navigate your colorful ball through a vibrant world filled with challenges, collectibles, and surprises. With simple controls and engaging gameplay, it's perfect for beginners looking to dive into the exciting world of programming and game design.","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2025-01-06T19:09:53.142543Z","updated_at":"2025-01-06T19:09:53.142548Z","user_id":212,"status":"PRIVATE","parent_id":null,"id":5376,"user":{"username":"gamerboy121417","id":212,"password_hash":null,"updated_at":"2024-09-23T19:57:26.098028Z","reset_token_expiry":null,"subscription_status":null,"photo":null,"email":null,"recess_id":"cbf33666-c055-4c6b-8a2b-d4b5307dd86b","created_at":"2024-09-23T19:57:26.098025Z","reset_token":null,"stripe_customer_id":null,"seats":null},"code":{"script.js":"let bar;\n\nlet barWidth = 100;\n\nlet barHeight = 20;\n\nlet barSpeed = 5;\n\n\nlet ball;\n\nlet ballSpeedX = 3;\n\nlet ballSpeedY = 3;\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235); // Sky blue background\n ball = createVector(width / 2, height / 2); // Start ball in the center\n}\n\nfunction draw() {\n background(135, 206, 235); // Clear background\n moveBall();\n displayBall();\n}\n\n/1ET\n / Start\n\nwith WeakSet\nLock\n\n12\n ;\n\nfunction moveBar() {\n if (keyIsDown(65)) { // A key\n bar.x -= barSpeed;\n }\n if (keyIsDown(68)) { // D key\n bar.x += barSpeed;\n }\n // Constrain bar within the canvas\n bar.x = constrain(bar.x, 0, width - barWidth);\n bar.y = constrain(bar.y, 0, height - barHeight);\n}\n\nfunction displayBar() {\n fill(0, 255, 0); // Green color\n rect(bar.x, bar.y, barWidth, barHeight); // Draw bar\n}\n\nfunction moveBall() {\n ball.x += ballSpeedX;\n ball.y += ballSpeedY;\n\n // Bounce off walls\n if (ball.x < 0 || ball.x > width) {\n ballSpeedX *= -1;\n }\n if (ball.y < 0 || ball.y > height) {\n ballSpeedY *= -1;\n }\n}\n\nfunction displayBall() {\n fill(255, 0, 0); // Red color\n ellipse(ball.x, ball.y, 20, 20); // Draw ball\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Bouncing Ball Adventure\n \n \n\n\n \n\n"},"chat_history":[],"assets":[],"messages_sent":14,"comments":[],"steps":[]}