Flappy bird but you get faster, 1000 pipes,'s game

Click here for free DL of the app version that can save data.

No:37382

←

Prev Next

→

Flappy bird but you get faster, 1000 pipes,
Developer User17064｜Date and time 24/1/21 3:02:00
Build time 14.887 sec｜Game capacity 3.95KB｜

Script

Sure! Here is a basic implementation of Flappy Bird as a single HTML file using JavaScript and enclosed in script tags. The game will start automatically once the page is loaded. However, keep in mind that due to the limitations of text-based interaction, the game won't include pictograms.

To play the game, you can copy the above code, save it as an HTML file (e.g., `flappyBird.html`), and open it in a web browser (preferably on a smartphone for optimal experience). The game will automatically start, and by pressing the space bar or tapping the screen, you can make the bird jump over the pipes. The objective is to pass through as many pipes as possible without colliding with them or the boundaries of the canvas. The game will display your score in real-time, and when the bird collides, a "Game Over" message will appear with your final score.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

Click here for free DL of the app version that can save data.

```html
<!DOCTYPE html>
<html>

<head>
  <title>Flappy Bird</title>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>

// Game initialization
    function startGame() {
      pipes = [];
      score = 0;
      bird.velocity = 0;
      bird.y = canvas.height / 2;

// Generate initial pipes
      for (var i = 0; i < 1000; i++) {
        pipes.push({
          x: canvas.width + i * 300,
          y: Math.floor(Math.random() * (canvas.height - 200)),
          width: 80,
          height: Math.floor(Math.random() * 200) + 100,
          passed: false
        });
      }

gameLoop();
    }

// Update bird position and check collisions
    function update() {
      bird.velocity += bird.gravity;
      bird.y += bird.velocity;

for (var i = 0; i < pipes.length; i++) {
        var p = pipes[i];

// Check collision with pipes
        if (
          bird.x + bird.radius > p.x &&
          bird.x - bird.radius < p.x + p.width &&
          bird.y + bird.radius > p.y &&
          bird.y - bird.radius < p.y + p.height
        ) {
          gameOver();
        }

// Update score if bird passes a pipe
        if (bird.x > p.x + p.width && !p.passed) {
          p.passed = true;
          score++;
        }
      }

// Check collision with canvas boundaries
      if (bird.y + bird.radius > canvas.height || bird.y - bird.radius < 0) {
        gameOver();
      }
    }

// Render bird, pipes, and score on canvas
    function draw() {
      context.clearRect(0, 0, canvas.width, canvas.height);

// Draw bird
      context.beginPath();
      context.arc(bird.x, bird.y, bird.radius, 0, Math.PI * 2);
      context.fillStyle = "#FF8C00";
      context.fill();
      context.closePath();

// Draw pipes
      for (var i = 0; i < pipes.length; i++) {
        var p = pipes[i];

context.fillStyle = "#009900";
        context.fillRect(p.x, 0, p.width, p.y);
        context.fillRect(p.x, p.y + p.height, p.width, canvas.height - p.y - p.height);
      }

// Draw score
      context.fillStyle = "black";
      context.font = "30px Arial";
      context.fillText("Score: " + score, 10, 30);
    }

// Game loop
    function gameLoop() {
      update();
      draw();

requestAnimationFrame(gameLoop);
    }

// Game over
    function gameOver() {
      alert("Game Over! Your score is: " + score);
      startGame();
    }

// Handle key presses (jump)
    document.addEventListener("keydown", function (e) {
      if (e.key === " " || e.code === "Space") {
        bird.velocity = bird.jump;
      }
    });

// Start the game
    startGame();

</script>
</body>

</html>
```