AI game creator

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

No:17932

142

←

Prev Next

→

Floppy Bird
Developer User4222｜Date and time 23/9/25 7:04:20
Build time 20.953 sec｜Game capacity 2.093KB｜

Script

Sure! Here's an example of a simple game called Floppy Bird implemented in a single HTML file using JavaScript:

This implementation uses a simple canvas element to render the game, and the bird is represented as a yellow square. The player can make the bird jump by clicking anywhere on the screen. The game ends if the bird hits the ground. The player's score is determined by the bird's vertical position relative to the canvas height.

←

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 game called Floppy Bird implemented in a single HTML file using JavaScript:

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

// Initialize the game
    function init() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");
      
      birdX = 50;
      birdY = canvas.height / 2;
      gravity = 2;
      jumpHeight = 40;

gameInterval = setInterval(update, 20);

window.addEventListener("click", jump);
    }

// Update the game state
    function update() {
      clearCanvas();
      drawBird();
      birdY += gravity;
      checkCollision();
    }

// Clear the canvas
    function clearCanvas() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
    }

// Draw the bird
    function drawBird() {
      ctx.fillStyle = "yellow";
      ctx.fillRect(birdX, birdY, 40, 40);
    }

// Perform a jump
    function jump() {
      birdY -= jumpHeight;
    }

// Check for collision with the ground
    function checkCollision() {
      if (birdY + 40 >= canvas.height) {
        gameOver();
      }
    }

// Game over logic
    function gameOver() {
      clearInterval(gameInterval);
      window.removeEventListener("click", jump);
      alert("Game Over. Your score: " + Math.floor(birdY - canvas.height));
      location.reload();
    }

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