Gravity Sword Grabber

{"name":"Gravity Sword Grabber","description":"Dive into the interactive world of sword handling, where you can grab a sword with your mouse and experience the pull of gravity! This project will teach you the basics of physics simulation, mouse interaction, and visual representation using p5.js. Perfect for aspiring programmers who want to build something exciting and learn along the way.","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2025-09-07T18:47:38.191007Z","updated_at":"2025-09-07T18:47:38.191008Z","user_id":413,"status":"PRIVATE","parent_id":null,"id":9832,"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 isLunging = false;\n\nlet lungeDistance = 50;\n\nlet originalPosition = { x: 0, y: 0 };\n\nlet rotationSpeed = 0;\n\nlet Engine = Matter.Engine,\n Render = Matter.Render,\n World = Matter.World,\n Bodies = Matter.Bodies,\n Mouse = Matter.Mouse,\n MouseConstraint = Matter.MouseConstraint;\n\nlet engine;\n\nlet world;\n\nlet sword;\n\nlet mConstraint;\n\nlet boundaries = [];\n\nlet swordImage;\n\nlet isSlashing = false;\n\nlet targetAngle = 0;\n\nlet originalAngle = 0;\n\nlet watermelon;\n\nfunction preload() {\n swordImage = loadImage(\"@asset('sword')\"); // Load the sword image\n}\n\nfunction setup() {\n const canvas = createCanvas(windowWidth, windowHeight);\n\n engine = Engine.create();\n world = engine.world;\n\n // Increase gravity for faster movement\n engine.gravity.y = 1; // Increased gravity\n\n let swordOptions = {\n isStatic: false,\n restitution: 0.8, // Increased restitution for bounciness\n friction: 0.5, // Added friction to reduce slipping through walls\n density: 2.0 // Increased density to make the sword heavier\n };\n\n // Create sword with updated dimensions: 100 width and 40 height for hitbox\n sword = Bodies.rectangle(windowWidth / 2, windowHeight / 2, 100, 40, swordOptions); // Updated dimensions for hitbox\n World.add(world, sword);\n\n let canvasMouse = Mouse.create(canvas.elt);\n canvasMouse.pixelRatio = pixelDensity();\n mConstraint = MouseConstraint.create(engine, {\n mouse: canvasMouse\n });\n World.add(world, mConstraint);\n\n // Add boundary walls\n boundaries.push(Bodies.rectangle(windowWidth / 2, -5, windowWidth, 10, { isStatic: true })); // Top\n boundaries.push(Bodies.rectangle(windowWidth / 2, windowHeight + 5, windowWidth, 10, { isStatic: true })); // Bottom\n boundaries.push(Bodies.rectangle(-5, windowHeight / 2, 10, windowHeight, { isStatic: true })); // Left\n boundaries.push(Bodies.rectangle(windowWidth + 5, windowHeight / 2, 10, windowHeight, { isStatic: true })); // Right\n\n World.add(world, boundaries);\n\n Engine.run(engine);\n}\n\nfunction draw() {\n background(135, 206, 235); // Sky blue background\n\n let pos = sword.position;\n let angle = sword.angle; // Get the current angle of the sword\n\n // Check if the sword is out of canvas bounds\n if (pos.x < 0 || pos.x > width || pos.y < 0 || pos.y > height) {\n // Teleport back to the last known position (center of the canvas)\n Matter.Body.setPosition(sword, { x: width / 2, y: height / 2 });\n }\n\n // Check if the sword is not held and the mouse is over the sword to pick it up\n if (!mConstraint && mouseIsPressed) {\n let mousePos = { x: mouseX, y: mouseY };\n // Check for collision with the sword\n if (Matter.SAT.collides(sword, Bodies.rectangle(mousePos.x, mousePos.y, 1, 1)).collided) {\n // Create a new mouse constraint\n let canvasMouse = Mouse.create(canvas.elt);\n canvasMouse.pixelRatio = pixelDensity();\n mConstraint = MouseConstraint.create(engine, {\n mouse: canvasMouse\n });\n World.add(world, mConstraint);\n }\n }\n\n push();\n translate(pos.x, pos.y);\n rotate(angle); // Use the current sword angle\n imageMode(CENTER); // Set image mode to center\n\n // Draw the sword image with updated dimensions: keep width 200 and height 90\n image(swordImage, 0, 0, 200, 90); // Use the correct dimensions for the image\n pop();\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Gravity Sword Grabber\n \n \n \n \n\n\n \n\n"},"chat_history":[],"assets":[{"project_id":9832,"creator":"","cloudinary_id":"unkapfbbw8flbhrx5dwd","deleted":false,"id":85575,"name":"sword","created_at":"2025-09-07T19:00:34.089350Z","resource_type":"image","tags":[]}],"messages_sent":50,"comments":[],"steps":[]}