Flappy bird, 1000 pipes's game

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

No:37380

←

Prev Next

→

Flappy bird, 1000 pipes
Developer User17064｜Date and time 24/1/21 2:59:49
Build time 11.404 sec｜Game capacity 2.996KB｜

Script

Sure! Here's a simple implementation of the classic game Flappy Bird with 1000 randomly generated pipes. This version is optimized for smartphone operation and uses pictograms for better visual representation:

To play the game, you can copy the code above and save it into an HTML file. Open the file in a web browser, and you should be able to play Flappy Bird with 1000 pipes on your smartphone! Just tap the screen to make the bird flap and avoid colliding with the pipes. The score will be displayed at the top left corner of the screen. Have fun!

←

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 - 1000 Pipes</title>
  <style>
    canvas {
      border: 1px solid #000;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>

const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

let bird, pipes, score, gameOver;

function initialize() {
      bird = { x: 50, y: canvas.height / 2, speedY: 0 };
      pipes = [];
      score = 0;
      gameOver = false;

for (let i = 0; i < 1000; i++) {
        pipes.push({
          x: canvas.width + i * (PIPE_WIDTH + PIPE_GAP),
          y: Math.random() * (canvas.height - PICTOGRAM_SIZE) + PICTOGRAM_SIZE,
        });
      }

canvas.addEventListener("touchstart", flap);
    }

function update() {
      if (gameOver) return;

// Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Move bird
      bird.y += bird.speedY;
      bird.speedY += GRAVITY;

// Draw bird
      ctx.fillRect(bird.x, bird.y, PICTOGRAM_SIZE, PICTOGRAM_SIZE);

// Move pipes
      pipes.forEach((pipe) => {
        pipe.x -= PIPE_SPEED;

// Collison detection
        if (
          bird.x + PICTOGRAM_SIZE > pipe.x &&
          bird.x < pipe.x + PIPE_WIDTH &&
          (bird.y < pipe.y || bird.y + PICTOGRAM_SIZE > pipe.y + PIPE_GAP)
        ) {
          gameOver = true;
        }

if (pipe.x + PIPE_WIDTH < 0) {
          pipes.shift();
          pipes.push({
            x: pipes[pipes.length - 1].x + PIPE_WIDTH + PIPE_GAP,
            y: Math.random() * (canvas.height - PICTOGRAM_SIZE) + PICTOGRAM_SIZE,
          });
          score++;
        }

// Draw pipes
        ctx.fillRect(pipe.x, 0, PIPE_WIDTH, pipe.y);
        ctx.fillRect(pipe.x, pipe.y + PIPE_GAP, PIPE_WIDTH, canvas.height - (pipe.y + PIPE_GAP));
      });

// Draw score
      ctx.font = "24px Arial";
      ctx.fillText("Score: " + score, 10, 30);

if (!gameOver) requestAnimationFrame(update);
    }

function flap() {
      if (gameOver) return;
      bird.speedY = -JUMP_FORCE;
    }

initialize();
    update();
  </script>
</body>
</html>
```