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":6,"fork_count":3,"expires_at":null,"created_at":"2024-05-08T19:09:29.591218Z","updated_at":"2024-05-08T19:09:29.591218Z","user_id":25,"status":"PRIVATE","parent_id":null,"id":1361,"user":{"photo":null,"email":"roserasp.rcl@gmail.com","recess_id":"b0325c1e-fa33-e420-3bbd-16e23deec92c","created_at":"2023-12-19T12:40:25.190376Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"unibunny","id":25,"password_hash":"$2b$12$T8DLx5HV8mYkO6ID/7yXxOe2XWdeWxkYEFlZHZ8igj1Ovbd.zs2aO","updated_at":"2023-12-19T12:40:25.190378Z","reset_token_expiry":null,"subscription_status":null},"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\nlet water = {\n x: 100,\n y: 100,\n radius: 200,\n}\n\nlet honey = {\n x: 700,\n y: 100,\n radius: 200,\n}\n\n// let grass = {\n// x: 700,\n// y: 100,\n// radius: 200,\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(175, 225, 255);\n noStroke()\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 x2 = x1\n y2 = y1\n\n updateBall()\n wateryThings();\n fill(255)\n ellipse(ball.x, ball.y, 50, 50);\n\n // console.log(ball.velocityX)\n // console.log(ball.velocityY)\n // console.log(ball.accelerationX)\n // console.log(ball.accelerationY)\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\n\n\n\n\nfunction wateryThings() {\n\n ball.accelerationY = -0.1\n\n fill(150, 200, 255)\n circle(water.x, water.y, water.radius)\n\n let distanceFromCenterOfWater = calculateDistance(ball.x, ball.y, water.x, water.y)\n\n\n if (distanceFromCenterOfWater < water.radius / 2) {\n\n ball.accelerationY = 0\n ball.velocityY = ball.velocityY * 0.99 - 0.01\n ball.velocityX = ball.velocityX * 0.99\n // ball.velocityY = ball.velocityY * 1.1\n // ball.velocityX = ball.velocityX * 1.1\n\n\n }\n\n fill(250, 200, 100)\n circle(honey.x, honey.y, honey.radius)\n\n\n let distanceFromCenterOfHoney = calculateDistance(ball.x, ball.y, honey.x, honey.y)\n\n\n if (distanceFromCenterOfHoney < honey.radius / 2) {\n\n ball.accelerationY = 0\n ball.velocityY = ball.velocityY * 0.95 - 0.01\n ball.velocityX = ball.velocityX * 0.95\n\n\n }\n\n\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":[{"project_id":1361,"sender":"human","message":"Let's get started!","deleted":0,"created_at":"2024-05-08T19:09:44.110479Z","output_tokens":null,"code_id":77803,"input_tokens":null,"id":41263},{"project_id":1361,"sender":"ai","message":"```javascript\nfunction draw() {\n background(220);\n ellipse(400, 300, 50, 50);\n}\n```\n\n- The `background(220)` function sets the background color of the canvas to a light gray every frame, effectively clearing the previous frame's drawing.\n- `ellipse(400, 300, 50, 50)` draws a circle in the middle of the canvas (`800x600`), with a center at `(400, 300)` and a diameter of `50` pixels.\n- This setup ensures that the ellipse is redrawn in the same position every frame, making it appear stationary on the screen.","deleted":0,"created_at":"2024-05-08T19:09:44.118150Z","output_tokens":null,"code_id":77803,"input_tokens":null,"id":41264},{"project_id":1361,"sender":"human","message":"what is the first one thouthand digits of the squareroot of 2","deleted":0,"created_at":"2024-05-16T19:26:33.858498Z","output_tokens":null,"code_id":83791,"input_tokens":null,"id":43707},{"project_id":1361,"sender":"ai","message":"Sure, here is the first 1000 digits of the square root of 2:\n\n1.4142135623730950488016887242096980785696718753769480731766797379907324784621070388503875343276415727\n892504951085672318320878458205379071243620172216445047877186650302558324823687692807353499218174394176\n382841326756458330951884247014321675693149049999042666136104526623144156301758258998757493165556631689\n157174839654826368952015951146540628433663937900397692656721463853067995435072543171187329407840138396\n110973046880882258753145295840992512038290094077707756721855255382143691172291099200267382370053376978\n553126222272372186398981521631433990542133086529487877346119946230162107821485756973470514875254554543\n170108987243613872223527041847717427889280519717883204919492777284233283641098531650586374826139000192\n787661119590921642017699446546985405407559108744663394702993801508816627329201660104710181942955596198\n946767837449448255379774725277742900916767325282146091399232766636998539202665618344294654914304800822\n874600090257013741356566792408528005153072698587319729167782327620094406689353569732710836124264912677\n202825073071191088325318957359614589019389713111790429782856475032031986915140287229699706384267275616\n888967187537808174161291293201650388945905129991206614596614692220531066547571416085050646974265418928\n965926386356373289912154831438167899885040445364023527364255904502369166471412006529948611089835692964\n264233377456084362964463634448158456028166370471996192223501894878348802521574468560037279839883505004\n574202667888111019926642825977688717405677283192203658543167600454337235501188386075940708421583451452\n141772246957305679467745666932245220693629152197609597532419050957328947467077296172392971151325894946\n380303783258564614573584050594587617885040445046207808237073301788865876141066928828502231247850213626\n888967187537808174161291293201650388945905129991206614596614692220531066547571416085050646974265418928\n965926386356373289912154831438167899885040445364023527364255904502369166471412006529948611089835692964\n264233377456084362964463634448158456028166370471996192223501894878348802521574468560037279839883505004\n574202667888111019926642825977688717405677283192203658543167600454337235501188386075940708421583451452\n141772246957305679467745666932245220693629152197609597532419050957328947467077296172392971151325894946\n380303783258564614573584050594587617885040445046207808237073301788865876141066928828502231247850213626\n","deleted":0,"created_at":"2024-05-16T19:26:33.863660Z","output_tokens":null,"code_id":83791,"input_tokens":null,"id":43708}],"assets":[],"messages_sent":2,"comments":[],"steps":[{"instruction":"Display the projectile as a visual element on the screen","title":"Visualize Projectile","created_at":"2024-05-08T19:09:29.597920","project_id":1361,"complete":false,"step_number":0,"updated_at":"2024-05-08T19:09:29.597922","id":7296},{"instruction":"Show real-time updates for the position, velocity, acceleration, and angle of the projectile","title":"Real-time Updates","created_at":"2024-05-08T19:09:29.597978","project_id":1361,"complete":false,"step_number":1,"updated_at":"2024-05-08T19:09:29.597978","id":7297},{"instruction":"Allow users to interact with the simulation, such as adjusting initial parameters or pausing/resuming the simulation","title":"User Interaction","created_at":"2024-05-08T19:09:29.598019","project_id":1361,"complete":false,"step_number":2,"updated_at":"2024-05-08T19:09:29.598020","id":7298},{"instruction":"Display the tracked values graphically through charts or graphs for better visualization","title":"Graphical Representation","created_at":"2024-05-08T19:09:29.598070","project_id":1361,"complete":false,"step_number":3,"updated_at":"2024-05-08T19:09:29.598071","id":7299},{"instruction":"Log the tracked values to a file for further analysis or export them for external use","title":"Data Logging","created_at":"2024-05-08T19:09:29.598130","project_id":1361,"complete":false,"step_number":4,"updated_at":"2024-05-08T19:09:29.598131","id":7300}]}