AI game creator

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

No:43714

120

←

Prev Next

→

Flappy bird
Developer User10392｜Date and time 24/2/16 11:25:05
Build time 15.134 sec｜Game capacity 4.247KB｜

Script

Sure! Here's an example of a simple Flappy Bird game implemented as a single HTML file using JavaScript:

You can copy this code into a single HTML file and open it in a browser to play the Flappy Bird game. The game will run in a canvas element, and you can control the bird by tapping on the screen (for smartphones) or by pressing any key on your keyboard. The objective is to navigate the bird through the gaps in the pipes to score points. If the bird collides with a pipe or the ground, the game is over, and you can tap the screen again to play again.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's an example of a simple Flappy Bird game implemented as a single HTML file using JavaScript:

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

// Bird object
    function Bird(x, y) {
      this.x = x;
      this.y = y;
      this.velocity = 0;

this.update = function() {
        this.velocity += gravity;
        this.y += this.velocity;
      };

this.flap = function() {
        this.velocity -= jumpForce;
      };
    }

// Pipe object
    function Pipe(x, y) {
      this.x = x;
      this.y = y;
      this.width = 30;
      this.height = 40;

this.update = function() {
        this.x -= 2;
      };

this.isColliding = function(bird) {
        if (
          bird.x + 20 > this.x &&
          bird.x < this.x + this.width &&
          (bird.y < this.y + this.height || bird.y + 20 > this.y + this.height + 100)
        ) {
          return true;
        }
        return false;
      };
    }

// Game initialization
    function gameStart() {
      canvas = document.getElementById("gameCanvas");
      context = canvas.getContext("2d");

bird = new Bird(50, canvas.height / 2);
      pipe = new Pipe(canvas.width - 50, Math.random() * (canvas.height - 200) + 100);

document.addEventListener("keydown", handleInput);
      document.addEventListener("touchstart", handleInput);

setInterval(gameLoop, 16);
    }

// Game update
    function gameLoop() {
      if (!gameOver) {
        context.clearRect(0, 0, canvas.width, canvas.height);

bird.update();
        pipe.update();

if (pipe.x <= -pipe.width) {
          pipe = new Pipe(canvas.width, Math.random() * (canvas.height - 200) + 100);
          score++;
        }

if (pipe.isColliding(bird) || bird.y + 20 > canvas.height) {
          gameOver = true;
        }

draw();
      } else {
        gameOverScreen();
      }
    }

// Draw objects
    function draw() {
      context.fillStyle = "#70c5ce";
      context.fillRect(0, 0, canvas.width, canvas.height);

context.fillStyle = "#ffdf70";
      context.fillRect(bird.x, bird.y, 20, 20);

context.fillStyle = "#48c774";
      context.fillRect(pipe.x, pipe.y, pipe.width, pipe.height);
    }

// Handle user input (jump)
    function handleInput() {
      if (!gameOver) {
        bird.flap();
      } else {
        resetGame();
      }
    }

// Game over screen
    function gameOverScreen() {
      context.fillStyle = "#70c5ce";
      context.fillRect(0, 0, canvas.width, canvas.height);

context.fillStyle = "#000";
      context.font = "30px Arial";
      context.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2 - 30);

context.font = "25px Arial";
      context.fillText("Score: " + score, canvas.width / 2 - 45, canvas.height / 2 + 10);

context.font = "20px Arial";
      context.fillText("Tap to play again", canvas.width / 2 - 65, canvas.height / 2 + 50);
    }

// Reset the game
    function resetGame() {
      bird = new Bird(50, canvas.height / 2);
      pipe = new Pipe(canvas.width - 50, Math.random() * (canvas.height - 200) + 100);

score = 0;
      gameOver = false;
    }

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