AI game creator

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

No:24837

←

Prev Next

→

Flappy bird
Developer User11924｜Date and time 23/11/13 0:35:42
Build time 59.757 sec｜Game capacity 2.675KB｜

Script

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

To play the game, open the HTML file in a web browser on your smartphone. Tap/click on the screen to make the bird jump and avoid obstacles. If the bird hits the top or bottom edges of the canvas, the game ends, and an alert displays the "Game Over!" message. To play again, you can simply reload the page.

←

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 in a single HTML file using JavaScript:

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

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

birdX = canvas.width / 3;
        birdY = canvas.height / 2;
        velocity = 0;
        gravity = 0.5;
        gap = 150;

// Adjust difficulty based on screen size
        obstacleWidth = Math.min(canvas.width / 8, 40);

// Add event listener for the click event
        canvas.addEventListener("click", jump);

// Start the game loop
        requestAnimationFrame(gameLoop);
      }

// Update game state
      function update() {
        velocity += gravity;
        birdY += velocity;

if (birdY >= canvas.height || birdY <= 0) {
          gameOver();
        }
      }

// Render the game
      function render() {
        // Clear the canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

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

// Draw obstacles
        ctx.fillStyle = "#000000";
        ctx.fillRect(canvas.width / 2 - obstacleWidth / 2, 0, obstacleWidth, canvas.height / 2 - gap / 2);
        ctx.fillRect(canvas.width / 2 - obstacleWidth / 2, canvas.height / 2 + gap / 2, obstacleWidth, canvas.height / 2 - gap / 2);
      }

// Game loop
      function gameLoop() {
        update();
        render();
        requestAnimationFrame(gameLoop);
      }

// Jump action
      function jump() {
        velocity = -10; // Increase velocity to move bird upwards
      }

// Game over logic
      function gameOver() {
        alert("Game Over!");
        location.reload(); // Reload the page to restart the game
      }

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