{"name":"Dead Coders Society: Game Launched!","description":"Get ready for something big! The Dead Coders Society is gearing up to reveal exciting new projects. Stay tuned for the latest updates and announcements.","photo":null,"view_count":33,"fork_count":0,"expires_at":null,"created_at":"2024-02-20T02:08:44.777627Z","updated_at":"2024-02-20T02:08:44.777630Z","user_id":2,"status":"PUBLIC","parent_id":328,"id":692,"user":{"photo":null,"email":null,"recess_id":"a75a82d5-5ae6-41b7-d20f-788415be036d","created_at":"2023-12-11T22:13:50.357940Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"gamerc0der","id":2,"password_hash":null,"updated_at":"2023-12-11T22:13:50.357943Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let ball = {\r\n x: 300,\r\n y: 200,\r\n xspeed: 2,\r\n yspeed: -2\r\n}\r\nlet ink = [];\r\nlet url = \"https://www.jippity.pro/670\"; // change this to your URL\r\n\r\nlet inkLimit = 300; // The total available ink\r\nlet inkUsed = 0; // The amount of ink used\r\nlet timer = 0;\r\n\r\nfunction setup() {\r\n createCanvas(600, 400);\r\n setInterval(incrementTimer, 10); // Call incrementTimer every 1000 ms\r\n let leaveButton = select('#leaveButton');\r\n leaveButton.mousePressed(redirect);\r\n\r\n}\r\nfunction redirect() {\r\n window.location.replace(url);\r\n noLoop()\r\n}\r\nfunction incrementTimer() {\r\n timer += 0.01;\r\n}\r\nfunction draw() {\r\n background(0);\r\n\r\n stroke(255);\r\n strokeWeight(4);\r\nif (mouseIsPressed && inkUsed <= inkLimit) {\r\n let lineLength = dist(pmouseX, pmouseY, mouseX, mouseY);\r\n inkUsed += lineLength;\r\n let lineSegment = {\r\n x1: pmouseX,\r\n y1: pmouseY,\r\n x2: mouseX,\r\n y2: mouseY,\r\n lifetime: 255 // New property for lifetime\r\n };\r\n ink.push(lineSegment);\r\n}\r\n noStroke();\r\n fill(255);\r\n text(\"Time: \" + timer.toFixed(2) + \"s\", 10, height - 10);\r\n\r\n\r\nfor (let i = ink.length - 1; i >= 0; i--) {\r\n let segment = ink[i];\r\n stroke(255, segment.lifetime);\r\n line(segment.x1, segment.y1, segment.x2, segment.y2);\r\n segment.lifetime -= 2; // Decrease the lifetime\r\n if (segment.lifetime <= 0) {\r\n ink.splice(i, 1); // Remove the segment if its lifetime is over\r\n }\r\n}\r\n\r\n moveBall();\r\n displayBall();\r\n\r\n if (ball.x < 0 || ball.x > width || ball.y < 0 || ball.y > height) {\r\n redirect()\r\n }\r\n for (let i = 0; i < ink.length; i++) {\r\n line(ink[i].x1, ink[i].y1, ink[i].x2, ink[i].y2);\r\n if (isColliding(ink[i])) {\r\n ball.xspeed *= -1;\r\n ball.yspeed *= -1;\r\n }\r\n }\r\n drawInkBar();\r\n\r\n}\r\nfunction moveBall() {\r\n ball.x = ball.x + ball.xspeed;\r\n ball.y = ball.y + ball.yspeed;\r\n}\r\n\r\nfunction displayBall() {\r\n stroke(255);\r\n strokeWeight(4);\r\n noFill();\r\n ellipse(ball.x, ball.y, 24, 24);\r\n}\r\n\r\nfunction isColliding(line) {\r\n let distance = distToSegment(ball, { x: line.x1, y: line.y1 }, { x: line.x2, y: line.y2 });\r\n return distance <= 12; // Assuming the ball's radius is 12\r\n}\r\n\r\nfunction sqr(x) {\r\n return x * x;\r\n}\r\n\r\nfunction dist2(v, w) {\r\n return sqr(v.x - w.x) + sqr(v.y - w.y);\r\n}\r\n\r\nfunction distToSegmentSquared(p, v, w) {\r\n var l2 = dist2(v, w);\r\n if (l2 == 0) return dist2(p, v);\r\n var t = ((p.x - v.x) * (w.x - v.x) + (p.y - v.y) * (w.y - v.y)) / l2;\r\n t = Math.max(0, Math.min(1, t));\r\n return dist2(p, { x: v.x + t * (w.x - v.x), y: v.y + t * (w.y - v.y) });\r\n}\r\n\r\nfunction distToSegment(p, v, w) {\r\n return Math.sqrt(distToSegmentSquared(p, v, w));\r\n}\r\nfunction drawInkBar() {\r\n let inkRemaining = map(inkUsed, 0, inkLimit, width, 0);\r\n\r\n // Draw the background of the ink bar\r\n fill(255, 50, 50);\r\n rect(0, 0, width, 20);\r\n\r\n // Draw the remaining ink\r\n fill(50, 255, 50);\r\n rect(0, 0, inkRemaining, 20);\r\n\r\n // Draw the border of the ink bar\r\n noFill();\r\n stroke(0);\r\n rect(0, 0, width, 20);\r\n\r\n // Draw the label for the ink bar\r\n noStroke();\r\n fill(0);\r\n text(\"Ink Remaining\", 10, 15);\r\n}","style.css":"","index.html":"\r\n\r\n\r\n\r\n \r\n \r\n\r\n\r\n\r\n \r\n \r\n\r\n\r\n\r\n\r\n"},"chat_history":[{"message":"Let's get started!","project_id":692,"created_at":"2024-02-20T02:08:50.695321Z","output_tokens":null,"sender":"human","code_id":42692,"deleted":0,"input_tokens":null,"id":23964},{"message":"","project_id":692,"created_at":"2024-02-20T02:08:50.701215Z","output_tokens":null,"sender":"ai","code_id":42692,"deleted":0,"input_tokens":null,"id":23965},{"message":"improt p5js","project_id":692,"created_at":"2024-02-20T02:08:54.593574Z","output_tokens":null,"sender":"human","code_id":42693,"deleted":0,"input_tokens":null,"id":23966},{"message":"I'm afraid there might be a bit of a misunderstanding here. The `import` statement is used in Python to include external libraries or modules into your code. P5.js, however, is a JavaScript library and it can't be imported in Python in this way.\n\nInstead, if you want to use P5.js in your project, you will need to include it in your HTML file. Here is an example of how to do it:\n\nHTML:\n```html\n\n\n\n \n \n\n\n \n\n\n```\n\n- The `\n\n\n \n \n\n\n```\n\n- The `