Flappy Bird Clone

{"name":"Flappy Bird Clone","description":null,"photo":null,"view_count":15,"fork_count":0,"expires_at":null,"created_at":"2024-10-31T03:19:53.878733Z","updated_at":"2024-10-31T03:19:53.878735Z","user_id":234,"status":"PRIVATE","parent_id":4285,"id":4289,"user":{"photo":null,"email":"logan.alivar@alpha.school","recess_id":null,"created_at":"2024-10-15T14:39:28.350545Z","reset_token":null,"stripe_customer_id":"","seats":null,"username":"logan","id":234,"password_hash":"$2b$12$lJB.ZnJge8zJ4NGbSzaTReqVEYHPVZqKDpx9.7Am.LFPsixW3zbeK","updated_at":"2024-10-15T14:39:28.350549Z","reset_token_expiry":null,"subscription_status":""},"code":{"script.js":"let score = 0;\n\nlet highScore = 0;\n\nlet obstacles = [];\n\nlet bird;\nn\nlet collisionDetected = false;\n\nlet gameActive = false; \n\nfunction setup() { \n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235); // Sky blue color\n bird = new Bird(); // Initialize nbvgcbncthe bird\n\n const startStopButton = document.getElementById('startStopButton');\n startStopButton.addEventListener('click', () => {\n gameActive = !gameActive; // Toggle game state\n });\n}\n\nfunction draw() {\n if (!gameActive) return; // Stop the draw loop if the game is not active\n\n if (collisionDetected) {\n resetGame();\n collisionDetected = false; // Reset the flag\n }\n\n background(135, 206, 235); // Clear the background each frame\n\n // Add a new obstacle every 100 frames\n if (frameCount % 100 === 0) {\n obstacles.push(new Obstacle());\n }\n\n // Display and update all obstacles\n for (let i = obstacles.length - 1; i >= 0; i--) {\n if (obstacles[i]) { // Check if the obstacle exists\n obstacles[i].display();\n obstacles[i].update();\n\n // Check for collision with the bird\n if (\n (bird.x + bird.size / 2 > obstacles[i].x && bird.x - bird.size / 2 < obstacles[i].x + obstacles[i].width) &&\n (bird.y - bird.size / 2 < obstacles[i].topHeight || bird.y + bird.size / 2 > height - obstacles[i].bottomHeight)\n ) {\n collisionDetected = true; // Set the collision flag\n }\n\n // Check if the bird has passed the obstacle\n if (!obstacles[i].passed && obstacles[i].x + obstacles[i].width < bird.x) {\n obstacles[i].passed = true;\n score++; // Increase score\n }\n\n // Remove obstacles that are off-screen\n if (obstacles[i].x + obstacles[i].width < 0) {\n obstacles.splice(i, 1);\n }\n }\n }\n\n bird.display(); // Display the bird\n bird.update(); // Update the bird's position\n\n // Display current score and high score\n fill(0); // Black color for text\n textSize(32);\n text(`Score: ${score}`, 10, 40); // Display the current score\n text(`High Score: ${highScore}`, 10, 80); // Display the high score\n}\n\nclass Bird {\n constructor() {\n this.x = 100; // Starting x position\n this.y = height / 2; // Starting y position\n this.size = 20; // Size of the bird\n this.gravity = 0.4; // Gravity effect\n this.lift = -8; // Lift force when jumping\n this.velocity = 0; // Current velocity\n }\n\n // Draw the bird\n display() {\n fill(255, 223, 0); // Yellow color for bird\n ellipse(this.x, this.y, this.size); // Draw the bird as a circle\n }\n\n // Update the position with gravity\n update() {\n this.velocity += this.gravity; // Apply gravity\n this.y += this.velocity; // Update position\n\n if (this.y > height) {\n this.y = height; // Stop at the bottom\n this.velocity = 0;\n }\n\n if (this.y < 0) {\n this.y = 0; // Stop at the top\n this.velocity = 0;\n }\n }\n\n // Jump when the space bar is pressed\n jump() {\n this.velocity += this.lift; // Apply lift force\n }\n}\n\nclass Obstacle {\n constructor() {\n this.width = 50; // Width of the obstacle\n this.gap = 150; // Gap size between top and bottom obstacles\n this.x = width; // Start at the right edge of the canvas\n this.topHeight = random(100, height - this.gap - 100); // Random height for the top obstacle\n this.bottomHeight = height - this.topHeight - this.gap; // Calculate bottom obstacle height\n this.speed = 3; // Speed of movement\n this.passed = false; // To track if the obstacle has been passed\n }\n\n // Draw the obstacles\n display() {\n fill(34, 139, 34); // Green color for obstacles\n // Draw the top obstacle\n rect(this.x, 0, this.width, this.topHeight);\n // Draw the bottom obstacle\n rect(this.x, height - this.bottomHeight, this.width, this.bottomHeight);\n }\n\n // Update the position of the obstacle\n update() {\n this.x -= this.speed; // Move left\n }\n}\n\nfunction keyPressed() {\n if (key === ' ') { // Space bar\n bird.jump();\n }\n}\n\nfunction resetGame() {\n // Update high score if the current score is greater\n if (score > highScore) {\n highScore = score;\n }\n score = 0; // Reset current score to zero\n obstacles = []; // Clear all obstacles\n bird = new Bird(); // Reset the bird\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n\n \n \n Flappy Bird Clone\n \n \n\n\n\n \n \n\n\n"},"chat_history":[{"project_id":4289,"message":"Let's get started!","created_at":"2024-11-02T03:15:26.818875Z","output_tokens":null,"code_id":176942,"sender":"human","deleted":0,"input_tokens":null,"id":86462},{"project_id":4289,"message":"Great! It looks like you have a Flappy Bird clone project using p5.js. There's a small error in your code that we can fix first, and then we can add more features or improve it further.\n\nLet's fix the error first. There's an extra character 'n' in your code that needs to be removed to avoid any issues. You should remove the 'n' on line 8 of your `script.js` file. \n\nOnce you've done that, let me know what you'd like to work on next or any features you want to add to your project!","created_at":"2024-11-02T03:15:26.829286Z","output_tokens":null,"code_id":176942,"sender":"ai","deleted":0,"input_tokens":null,"id":86463},{"project_id":4289,"message":"LOG: \n🌸 p5.js says: It seems that you may have accidentally written \"n\" instead of \"nf\" (on line 8 in 15226fa4-ed25-42ea-9688-0629661ec413 [blob:https://jippity.pro/15226fa4-ed25-42ea-9688-0629661ec413:8:1]).\n\nPlease correct it to nf if you wish to use the function from p5.js (http://p5js.org/reference/#/p5/nf)","created_at":"2024-11-02T03:15:32.229852Z","output_tokens":null,"code_id":176943,"sender":"human","deleted":0,"input_tokens":null,"id":86464},{"project_id":4289,"message":"It looks like the error was due to an extra 'n' on line 8 in your `script.js`. You can simply remove this character to resolve the issue. \n\nOnce you've removed the 'n', let me know if you'd like to add any new features or make improvements to your Flappy Bird clone!","created_at":"2024-11-02T03:15:32.282867Z","output_tokens":null,"code_id":176943,"sender":"ai","deleted":0,"input_tokens":null,"id":86465}],"assets":[],"messages_sent":2,"comments":[],"steps":[]}