Chain and Ball Destruction Scroller

{"name":"Chain and Ball Destruction Scroller","description":"Unleash your inner wrecking ball in this thrilling scroller game! Guide a chained ball attached to your mouse pointer through a series of brick walls that stand in your way. Your mission: demolish every obstacle and master the art of destruction. It's a game of skill, strategy, and pure chaotic fun!","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2025-09-07T18:20:44.477314Z","updated_at":"2025-09-07T18:20:44.477316Z","user_id":413,"status":"PRIVATE","parent_id":null,"id":9831,"user":{"photo":null,"email":null,"recess_id":"083b1e15-88e8-4fe7-963d-5fcc296701bf","created_at":"2025-03-11T16:09:42.743745Z","reset_token":null,"stripe_customer_id":null,"seats":0,"username":"Iver","id":413,"password_hash":null,"updated_at":"2025-03-11T16:09:42.743750Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let chain = [];\n\nlet engine, world;\n\nlet mouseConstraint;\n\nlet ball;\n\nlet stick;\n\nlet mouseStickConstraint;\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n\n // Initialize matter.js engine and world\n engine = Matter.Engine.create();\n world = engine.world;\n\n // Configure gravity\n engine.world.gravity.y = 1; // Set gravity to allow swinging\n\n // Add mouse control\n let canvasMouse = Matter.Mouse.create(canvas.elt);\n canvasMouse.pixelRatio = pixelDensity();\n mouseConstraint = Matter.MouseConstraint.create(engine, {\n mouse: canvasMouse\n });\n Matter.World.add(world, mouseConstraint);\n\n // Set background color\n background(255); // White background\n\n // Create a ball\n let ballOptions = {\n restitution: 0.8,\n density: 0.1,\n frictionAir: 0.05\n };\n ball = Matter.Bodies.circle(width / 2, height / 2 + 80, 30, ballOptions);\n Matter.World.add(world, ball);\n\n // Create the stick\n stick = Matter.Bodies.rectangle(width / 2, height / 2 + 40, 10, 80, {\n isStatic: false // Make it dynamic\n });\n Matter.World.add(world, stick);\n\n // Connect the stick to the ball at the end\n let stickConstraint = Matter.Constraint.create({\n bodyA: ball,\n pointA: { x: 0, y: 40 }, // Attach to the end of the stick\n bodyB: stick,\n pointB: { x: 0, y: -40 }, // Attach to the end of the stick\n length: 0,\n stiffness: 1\n });\n Matter.World.add(world, stickConstraint);\n\n // Attach stick to mouse position\n mouseStickConstraint = Matter.Constraint.create({\n pointA: { x: mouseX, y: mouseY }, // Follow the mouse position\n bodyB: stick,\n pointB: { x: 0, y: -40 }, // Top of the stick\n length: 0,\n stiffness: 0.1\n });\n Matter.World.add(world, mouseStickConstraint);\n}\n\nfunction draw() {\n background(255); // Set the background color to white\n\n // Update physics engine\n Matter.Engine.update(engine);\n\n // Update mouseStickConstraint pointA to follow mouse\n Matter.Body.setPosition(mouseStickConstraint.pointA, { x: mouseX, y: mouseY });\n\n // Draw the ball\n fill(50);\n noStroke();\n ellipse(ball.position.x, ball.position.y, 60);\n\n // Draw the stick\n fill(70);\n push();\n translate(stick.position.x, stick.position.y);\n rectMode(CENTER);\n rect(0, 0, 10, 80);\n pop();\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Chain and Ball Destruction Scroller\n \n \n \n \n\n\n \n\n"},"chat_history":[],"assets":[],"messages_sent":29,"comments":[],"steps":[]}