Flappy Bird Clone

{"name":"Flappy Bird Clone","description":null,"photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-10-30T19:21:23.633284Z","updated_at":"2024-10-30T19:21:23.633292Z","user_id":60,"status":"PRIVATE","parent_id":4173,"id":4279,"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 score = 0;\n\nlet highScore = 0;\n\nlet obstacles = [];\n\nlet bird;\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235); // Sky blue color\n bird = new Bird(); // Initialize the bird\n}\n\nfunction draw() {\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 obstacles[i].display();\n obstacles[i].update();\n\n // Check for collision with the bird\n if (obstacles[i].x < bird.x + bird.size / 2 &&\n obstacles[i].x + obstacles[i].width > bird.x - bird.size / 2 &&\n obstacles[i].y < bird.y + bird.size / 2 &&\n obstacles[i].y + obstacles[i].height > bird.y - bird.size / 2) {\n resetGame(); // Restart the game on collision\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 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 Obstacle {\n constructor() {\n this.width = 50; // Width of the obstacle\n this.height = random(100, 300); // Random height for variability\n this.x = width; // Start at the right edge of the canvas\n this.y = height - this.height; // Positioned from the bottom up\n this.speed = 3; // Speed of movement\n }\n\n // Draw the obstacle\n display() {\n fill(34, 139, 34); // Green color\n rect(this.x, this.y, this.width, this.height); // Draw the rectangle\n }\n\n // Update the position of the obstacle\n update() {\n this.x -= this.speed; // Move left\n }\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 = -20; // 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\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\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 Flappy Bird Clone\n \n \n\n\n \n\n"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[]}