AI game creator

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

No:21260

←

Prev Next

→

Flappy bird
Developer User9728｜Date and time 23/10/14 10:33:52
Build time 67.628 sec｜Game capacity 3.535KB｜

Script

Sure! Here's an example of a simplified version of Flappy Bird implemented as a single HTML file using JavaScript and pictograms.

In this example, the game features a bird represented by a pictogram (`emozi_all/game.png`) and pipes represented by another pictogram (`emozi_all/pictogram.png`). The player can control the bird's altitude by pressing the spacebar. The objective is to navigate the bird through the gaps between the pipes without hitting them. The score increases each time the bird successfully passes through a gap. The game ends when the bird collides with a pipe or goes off-screen. The final score is displayed at the top of the game canvas, and a "Game Over" message is shown when the game ends.

←

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 Flappy Bird implemented as a single HTML file using JavaScript and pictograms.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Flappy Bird</title>
  <style>
    canvas {
      border: 1px solid black; /* Add a border to the canvas for visibility */
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>

const birdImage = new Image();
    birdImage.src = "bird.png";
    
    const pipeImage = new Image();
    pipeImage.src = "pipe.png";

let bird = { x: 30, y: canvas.height / 2, speedY: 0, gravity: 0.2 };
    let pipes = [];
    let gameRunning = true;
    let score = 0;

// Function to handle key presses
    function handleKeyPress(e) {
      if (e.keyCode === 32) { // Space key
        bird.speedY = -5; // Set bird's upward speed
      }
    }

document.addEventListener("keypress", handleKeyPress);

// Function to update game state
    function update() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update bird's position
      bird.y += bird.speedY;
      bird.speedY += bird.gravity;

// Draw bird
      ctx.drawImage(birdImage, bird.x, bird.y);

// Generate new pipe every few frames
      if (frameCount % 100 === 0) {
        const pipeGap = 150;
        const pipeWidth = 50;
        const pipeHeight = Math.floor(Math.random() * 200) + 50;
        const pipeX = canvas.width;

pipes.push({ x: pipeX, y: 0, width: pipeWidth, height: pipeHeight });
        pipes.push({ x: pipeX, y: pipeHeight + pipeGap, width: pipeWidth, height: canvas.height - pipeHeight - pipeGap });
      }

// Update pipes' positions and check for collisions
      pipes.forEach(function(pipe) {
        pipe.x -= 2;

if (bird.x + birdImage.width >= pipe.x && bird.x <= pipe.x + pipe.width && (bird.y <= pipe.y + pipe.height || bird.y + birdImage.height >= pipe.y + pipe.height + pipeGap)) {
          gameRunning = false; // Game over if there's a collision
        }

// Increment score if bird passes a pipe
        if (pipe.x + pipe.width === bird.x) {
          score++;
        }

ctx.drawImage(pipeImage, pipe.x, pipe.y, pipe.width, pipe.height);
      });

// Display score
      ctx.font = "20px Arial";
      ctx.fillText("Score: " + score, 10, 25);

// Game over if bird goes off screen
      if (bird.y + birdImage.height >= canvas.height || bird.y <= 0) {
        gameRunning = false;
      }

if (gameRunning) {
        requestAnimationFrame(update);
      } else {
        ctx.font = "30px Arial";
        ctx.fillText("Game Over!", canvas.width / 2 - 80, canvas.height / 2);
      }

frameCount++;
    }

let frameCount = 0;
    update();
  </script>
</body>
</html>
```

In this example, the game features a bird represented by a pictogram (`bird.png`) and pipes represented by another pictogram (`pipe.png`). The player can control the bird's altitude by pressing the spacebar. The objective is to navigate the bird through the gaps between the pipes without hitting them. The score increases each time the bird successfully passes through a gap. The game ends when the bird collides with a pipe or goes off-screen. The final score is displayed at the top of the game canvas, and a "Game Over" message is shown when the game ends.