AI game creator

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

No:24385

←

Prev Next

→

Flappy bird
Developer User11472｜Date and time 23/11/8 6:11:41
Build time 125.992 sec｜Game capacity 3.92KB｜

Script

As an AI text-based program, I can provide you with a basic implementation of Flappy Bird in a single HTML file. However, please note that due to the limitations of text-based interaction, I won't be able to provide pictograms or full game interactivity. Here's a simplified code that you can run in your browser:

You can copy the code above and save it as a single HTML file. When you run the file in your browser, you should see a simplified version of Flappy Bird game. To control the bird, use the spacebar to make it flap and try to navigate between the green obstacles. The score will be displayed at the top left corner, and when the game is over, an alert will show your final score. Note: This implementation is quite basic and doesn't include all the features of a full Flappy Bird game. It's just meant to provide a starting point for learning and experimentation.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Flappy Bird</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="canvas" width="400" height="400"></canvas>
  <script>
    // Flappy Bird Variables
    let canvas;
    let context;
    let bird;
    let obstacles;
    let score;
    let gravity;

// Initialize the game
    function startGame() {
      canvas = document.getElementById("canvas");
      context = canvas.getContext("2d");
      bird = { x: 50, y: canvas.height / 2, radius: 20, velocity: 0 };
      obstacles = [{ x: canvas.width, y: 0, width: 50, height: 200 }];
      score = 0;
      gravity = 1;

document.addEventListener("keydown", flap);
      setInterval(updateGame, 20);
    }

// Flap the bird when space is pressed
    function flap(event) {
      if (event.code === "Space") {
        bird.velocity = -12;
      }
    }

// Update the game state
    function updateGame() {
      context.clearRect(0, 0, canvas.width, canvas.height);

// Update bird position
      bird.velocity += gravity;
      bird.y += bird.velocity;

// Draw bird
      context.beginPath();
      context.arc(bird.x, bird.y, bird.radius, 0, Math.PI * 2);
      context.fillStyle = "yellow";
      context.fill();
      context.closePath();

// Generate new obstacles
      if (obstacles[obstacles.length - 1].x < canvas.width - 200) {
        const gapHeight = 100;
        const minHeight = 50;
        const maxHeight = canvas.height - gapHeight - minHeight;
        const randomHeight = Math.floor(
          Math.random() * (maxHeight - minHeight) + minHeight
        );
        obstacles.push({
          x: canvas.width,
          y: 0,
          width: 50,
          height: randomHeight,
        });
        obstacles.push({
          x: canvas.width,
          y: randomHeight + gapHeight,
          width: 50,
          height: canvas.height,
        });
      }

// Update obstacles position and check for collisions
      obstacles.forEach(function (obstacle) {
        obstacle.x -= 3;

context.fillStyle = "green";
        context.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);

if (
          bird.x + bird.radius > obstacle.x &&
          bird.x - bird.radius < obstacle.x + obstacle.width &&
          (bird.y - bird.radius < obstacle.y ||
            bird.y + bird.radius > obstacle.y + obstacle.height)
        ) {
          gameOver();
        }

if (obstacle.x + obstacle.width === bird.x) {
          score++; // Increment score on successful passage
        }
      });

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

// Handle game over
    function gameOver() {
      clearInterval(updateGame);
      document.removeEventListener("keydown", flap);
      alert("Game Over! Your score: " + score);
    }

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

Note: This implementation is quite basic and doesn't include all the features of a full Flappy Bird game. It's just meant to provide a starting point for learning and experimentation.