AI game creator

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

No:20490

←

Prev Next

→

Flappy bird
Developer User9082｜Date and time 23/10/10 2:37:17
Build time 17.444 sec｜Game capacity 2.53KB｜

Script

Sure, here's an example of a simplified version of the Flappy Bird game implemented as a single HTML file using JavaScript:

You can save the above code as an HTML file, open it in a web browser, and play the Flappy Bird game. The bird can be controlled by pressing any key on the keyboard (assuming a smartphone with virtual keyboard). The goal is to navigate the bird through the gaps in the pipes without colliding. Each successful gap passage increases the score, and collision with the pipes or the ground ends the game.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure, here's an example of a simplified version of the Flappy Bird game implemented as a single HTML file using JavaScript:

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

// Initialize game
    function init() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");

birdX = 50;
      birdY = canvas.height / 2;
      gravity = 0.6;
      gapHeight = 200;
      gapPosition = canvas.width;
      score = 0;

document.addEventListener("keydown", flap);

setInterval(update, 20);
    }

// Game loop
    function update() {
      // Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw bird
      ctx.fillStyle = "#ff0000";
      ctx.fillRect(birdX, birdY, 20, 20);

// Apply gravity
      birdY += gravity;

// Draw gap
      ctx.fillStyle = "#00ff00";
      ctx.fillRect(gapPosition, 0, 50, gapHeight);

// Move gap to the left
      gapPosition -= 2;

// Check collision with gap
      if (birdX + 20 > gapPosition && birdX < gapPosition + 50 && (birdY < 0 || birdY + 20 > gapHeight)) {
        gameOver();
      }

// Check collision with ground
      if (birdY + 20 > canvas.height) {
        gameOver();
      }

// Score increment
      if (gapPosition + 50 === birdX) {
        score++;
      }

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

// Handle bird flap
    function flap() {
      birdY -= 20;
    }

// Game over
    function gameOver() {
      alert("Game Over! Score: " + score);
      location.reload(); // Restart the game
    }

// Start the game
    init();
  </script>
</body>
</html>
```