AI game creator

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

No:21258

←

Prev Next

→

Flapppy bird pixel
Developer User9721｜Date and time 23/10/14 10:20:26
Build time 60.545 sec｜Game capacity 3.672KB｜

Script

Sure! Here's a simple implementation of the Flappy Bird game using JavaScript and HTML:

To play the game, simply open the HTML file in a web browser on your smartphone. You can control the bird by tapping the screen or by pressing the space key. The objective is to navigate the bird through the gaps between the pipes without colliding with them. The score will increase for each successfully passed pipe. If the bird collides with a pipe or touches the top/bottom of the canvas, the game will end and display a "Game Over" message. Note: This is a basic implementation of Flappy Bird using simple shapes. You can modify and enhance the game further with additional features such as sounds, animations, and better graphics if desired.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a simple implementation of the Flappy Bird game using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Flappy Bird</title>
  <style>
    canvas {
      border: 1px solid #000;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="canvas" width="400" height="400"></canvas>

// Bird properties
    const bird = {
      x: 50,
      y: canvas.height / 2,
      width: 40,
      height: 40,
      gravity: 0.5,
      velocity: 0
    };

// Pipe properties
    const pipeGap = 100;
    const pipes = [];
    pipes.push({
      x: canvas.width,
      y: 0,
      width: 50,
      height: Math.random() * canvas.height / 2 + 100
    });

// Game properties
    let score = 0;
    let gameOver = false;

// Game loop
    function gameLoop() {
      if (!gameOver) {
        update();
        draw();
        requestAnimationFrame(gameLoop);
      }
    }

// Update bird and pipe positions
    function update() {
      bird.velocity += bird.gravity;
      bird.y += bird.velocity;

if (bird.y + bird.height >= canvas.height || bird.y <= 0) {
        gameOver = true;
      }

if (pipes[0].x + pipes[0].width <= 0) {
        pipes.shift();
        score++;
      }

pipes.forEach((pipe) => {
        pipe.x -= 2;

if (bird.x + bird.width > pipe.x && bird.x < pipe.x + pipe.width &&
          (bird.y < pipe.y + pipe.height || bird.y + bird.height > pipe.y + pipe.height + pipeGap)) {
          gameOver = true;
        }
      });

if (pipes[pipes.length - 1].x < canvas.width - 200) {
        pipes.push({
          x: canvas.width,
          y: 0,
          width: 50,
          height: Math.random() * canvas.height / 2 + 100
        });
      }
    }

// Draw bird, pipes, and score
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.beginPath();
      ctx.fillStyle = '#f00';
      ctx.fillRect(bird.x, bird.y, bird.width, bird.height);
      ctx.closePath();

pipes.forEach((pipe) => {
        ctx.beginPath();
        ctx.fillStyle = '#000';
        ctx.fillRect(pipe.x, pipe.y, pipe.width, pipe.height);
        ctx.closePath();

ctx.beginPath();
        ctx.fillStyle = '#000';
        ctx.fillRect(pipe.x, pipe.y + pipe.height + pipeGap, pipe.width, canvas.height - pipe.height - pipeGap);
        ctx.closePath();
      });

ctx.font = '20px Arial';
      ctx.fillStyle = '#000';
      ctx.fillText('Score: ' + score, 10, 30);

if (gameOver) {
        ctx.font = '40px Arial';
        ctx.fillStyle = '#000';
        ctx.fillText('Game Over!', canvas.width / 2 - 100, canvas.height / 2);
      }
    }

// Listen for key press to control bird
    document.addEventListener('keydown', (e) => {
      if (e.code === 'Space') {
        bird.velocity = -10;
      }
    });

gameLoop();
  </script>
</body>
</html>
```

Note: This is a basic implementation of Flappy Bird using simple shapes. You can modify and enhance the game further with additional features such as sounds, animations, and better graphics if desired.