AI game creator

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

No:31150

←

Prev Next

→

Flappy bird
Developer User15036｜Date and time 23/12/25 10:46:51
Build time 19.751 sec｜Game capacity 2.181KB｜

Script

Sure! Here's a simplified version of Flappy Bird implemented as a single HTML file using JavaScript:

In the above code, you may need to replace the `emozi_all/bird.png` and `emozi_chicken.png` URLs with the actual paths to the pictogram images you want to use. To play the game, you can open the HTML file in a web browser (preferably on a smartphone). The bird starts falling automatically, and you need to tap the screen to make it jump. The game ends if the bird touches the ground or hits the pipes.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure! Here's a simplified version of Flappy Bird implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Flappy Bird</title>
  <style>
    #game {
      width: 288px;
      height: 512px;
      border: 1px solid black;
      position: relative;
      margin: 0 auto;
      overflow: hidden;
    }
    .bird {
      width: 34px;
      height: 24px;
      background-image: url('bird.png');
      position: absolute;
      top: 50%;
      left: 50px;
      transform: translateY(-50%);
    }
    .pipe {
      width: 52px;
      height: 320px;
      background-image: url('pipe.png');
      position: absolute;
      top: 0;
    }
  </style>
</head>
<body>
  <div id="game">
    <div class="bird"></div>
    <div class="pipe" style="left: 150px;"></div>
  </div>

let birdTop = 220;
      let birdLeft = 50;
      let gravity = 2;

function jump() {
        if (birdTop > 20) {
          birdTop -= 50;
          bird.style.top = birdTop + 'px';
        }
      }

document.addEventListener('keydown', jump);

function gameLoop() {
        birdTop += gravity;
        bird.style.top = birdTop + 'px';

const pipeLeft = parseInt(window.getComputedStyle(pipe).getPropertyValue('left'));

if (birdTop > 470 || (pipeLeft < 100 && pipeLeft > 0 && birdLeft === 50 && (birdTop < 120 || birdTop > 300))) {
          alert('Game Over');
          birdTop = 220;
          bird.style.top = birdTop + 'px';
        }

requestAnimationFrame(gameLoop);
      }

gameLoop();
    }
  </script>
</body>
</html>
```

In the above code, you may need to replace the `bird.png` and `pipe.png` URLs with the actual paths to the pictogram images you want to use.

To play the game, you can open the HTML file in a web browser (preferably on a smartphone). The bird starts falling automatically, and you need to tap the screen to make it jump. The game ends if the bird touches the ground or hits the pipes.