Projectile Motion Tracker

{"name":"Projectile Motion Tracker","description":"Track the motion of a projectile in real-time and display its position, velocity, acceleration, and angle.","photo":null,"view_count":4,"fork_count":0,"expires_at":null,"created_at":"2024-05-23T19:58:59.067277Z","updated_at":"2024-05-23T19:58:59.067280Z","user_id":60,"status":"PUBLIC","parent_id":1361,"id":1539,"user":{"photo":null,"email":"jacob@jippity.pro","recess_id":"34481dd2-2bdf-14f9-99da-131de59dc90f","created_at":"2024-02-26T18:31:54.473216Z","reset_token":null,"stripe_customer_id":"cus_RPbovGjLueUufv","seats":100,"username":"2718281828459045","id":60,"password_hash":"$2b$12$ZpelZmCi5wEA/VuXSdOJXeylQ6vOUks0sfwQxIKdjwBAeamaWIMOW","updated_at":"2024-02-26T18:31:54.473218Z","reset_token_expiry":null,"subscription_status":"active"},"code":{"script.js":"// let ball = {\n// x: 100,\n// y: 100,\n// velocityX: 1,\n// velocityY: 3,\n// accelerationX: 0,\n// accelerationY: - 0.1,\n// }\n\n// function setup() {\n// frameRate(60)\n// createCanvas(800, 400);\n// }\n\n// function draw() {\n// background(255);\n\n// updateBall()\n// ellipse(ball.x, ball.y, 50, 50);\n\n// }\n\n// function updateBall() {\n// ball.x += ball.velocityX\n// ball.velocityX += ball.accelerationX\n// ball.y -= ball.velocityY\n// ball.velocityY += ball.accelerationY\n// }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nlet ball = {\n x: 100,\n y: 100,\n velocityX: 5,\n velocityY: 3,\n accelerationX: 0,\n accelerationY: - 0.1,\n isDragging: false\n}\n\nfunction setup() {\n frameRate(45)\n createCanvas(800, 400);\n background(255);\n}\n\n\nlet x2 = 0, y2 = 0\nlet x1 = 0, y1 = 0\n\nfunction draw() {\n\n background(255);\n\n x1 = mouseX\n y1 = mouseY\n\n let d = calculateDistance(x1, y1, x2, y2)\n\n // if (frameCount % 60 == 0) {\n // console.log(d)\n // }\n\n\n x2 = x1\n y2 = y1\n\n updateBall()\n fill(255)\n ellipse(ball.x, ball.y, 50, 50);\n\n\n}\n\nfunction updateBall() {\n\n ball.x += ball.velocityX\n ball.velocityX += ball.accelerationX\n ball.y -= ball.velocityY\n ball.velocityY += ball.accelerationY\n\n if (ball.isDragging) {\n\n ball.velocityX = 0\n ball.velocityY = 0\n ball.accelerationX = 0\n ball.accelerationY = 0\n\n }\n\n if (ball.y > height) {\n ball.velocityY = -ball.velocityY\n }\n\n if (ball.y < 0) {\n ball.velocityY = -ball.velocityY\n }\n\n if (ball.x > width) {\n ball.velocityX = -ball.velocityX\n }\n\n if (ball.x < 0) {\n ball.velocityX = -ball.velocityX\n }\n\n}\n\nfunction calculateDistance(x1, y1, x2, y2) {\n\n let distance\n\n let pixelX = x2 - x1\n let pixelY = y2 - y1\n let miltX\n let miltY\n let sr\n\n miltX = pixelX * pixelX\n miltY = pixelY * pixelY\n sr = miltX + miltY\n distance = Math.sqrt(sr)\n\n\n return distance;\n}\n\nfunction mousePressed() {\n\n let distanceFromCenterOfBall = calculateDistance(mouseX, mouseY, ball.x, ball.y)\n\n if (distanceFromCenterOfBall < 25) {\n ball.isDragging = true\n } else {\n ball.isDragging = false\n }\n\n}\n\nfunction mouseDragged() {\n\n if (ball.isDragging) {\n ball.x = mouseX\n ball.y = mouseY\n }\n\n}\n\nfunction mouseReleased() {\n\n if (ball.isDragging) {\n\n x1 = mouseX\n y1 = mouseY\n\n ball.isDragging = false\n\n ball.velocityX = x1 - x2\n ball.velocityY = y2 - y1\n ball.accelerationX = 0\n ball.accelerationY = - 0.1\n\n x2 = x1\n y2 = y1\n\n }\n\n}","style.css":"","index.html":"\n\n\n \n \n Projectile Motion Tracker\n \n\n\n \n \n\n"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[{"step_number":0,"complete":false,"updated_at":"2024-05-23T19:58:59.071586","id":8539,"title":"Visualize Projectile","instruction":"Display the projectile as a visual element on the screen","created_at":"2024-05-08T19:09:29.597920","project_id":1539},{"step_number":1,"complete":false,"updated_at":"2024-05-23T19:58:59.071689","id":8540,"title":"Real-time Updates","instruction":"Show real-time updates for the position, velocity, acceleration, and angle of the projectile","created_at":"2024-05-08T19:09:29.597978","project_id":1539},{"step_number":2,"complete":false,"updated_at":"2024-05-23T19:58:59.071753","id":8541,"title":"User Interaction","instruction":"Allow users to interact with the simulation, such as adjusting initial parameters or pausing/resuming the simulation","created_at":"2024-05-08T19:09:29.598019","project_id":1539},{"step_number":3,"complete":false,"updated_at":"2024-05-23T19:58:59.071813","id":8542,"title":"Graphical Representation","instruction":"Display the tracked values graphically through charts or graphs for better visualization","created_at":"2024-05-08T19:09:29.598070","project_id":1539},{"step_number":4,"complete":false,"updated_at":"2024-05-23T19:58:59.071874","id":8543,"title":"Data Logging","instruction":"Log the tracked values to a file for further analysis or export them for external use","created_at":"2024-05-08T19:09:29.598130","project_id":1539}]}