AI game creator

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

No:8591

1215

←

Prev Next

→

Flapy Bird
Developer User4219｜Date and time 23/7/17 8:40:16
Build time 25.614 sec｜Game capacity 3.821KB｜

Script

Sure! Here's a playable sample game similar to Flappy Bird using JavaScript and HTML:

Score: 0

Game Over

To play the game, you need to save the above code in a `.html` file (e.g., `flappy-bird.html`) and open it in a web browser. The bird will start flying automatically, and you can make it jump by pressing the Space key. The goal is to navigate the bird through the pipes without colliding with them. Your score will increase every time you successfully pass through a set of pipes. If the bird collides with a pipe, it's game over and the final score will be displayed.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure! Here's a playable sample game similar to Flappy Bird using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
  <head>
    <style>
      #game-board {
        position: relative;
        width: 400px;
        height: 600px;
        border: 1px solid black;
      }

#bird {
        position: absolute;
        left: 50px;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
        height: 50px;
        background-color: yellow;
      }

.pipe {
        position: absolute;
        width: 80px;
        height: 300px;
        background-color: green;
      }

#score {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 24px;
      }

#game-over {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 36px;
        visibility: hidden;
      }
    </style>
  </head>
  <body>
    <div id="game-board">
      <div id="bird"></div>
    </div>
    <div id="score">Score: 0</div>
    <div id="game-over">Game Over</div>

function jump() {
          if (isGameOver) return;
          bird.style.transition = "transform 0.3s ease";
          bird.style.transform = "translateY(-100px)";
          setTimeout(() => {
            bird.style.transition = "transform 0.6s ease";
            bird.style.transform = "translateY(0)";
          }, 300);
        }

function createPipe() {
          const pipe = document.createElement("div");
          pipe.classList.add("pipe");
          pipe.style.left = "400px";
          pipe.style.top = `${Math.random() * 200 - 200}px`;
          gameBoard.appendChild(pipe);

function movePipe() {
            if (isGameOver) return;

if (isCollision(pipe)) {
              gameOver();
            }
          }

movePipe();
        }

function isCollision(pipe) {
          const birdRect = bird.getBoundingClientRect();
          const pipeRect = pipe.getBoundingClientRect();
          return !(
            birdRect.right < pipeRect.left ||
            birdRect.left > pipeRect.right ||
            birdRect.bottom < pipeRect.top ||
            birdRect.top > pipeRect.bottom
          );
        }

function gameOver() {
          isGameOver = true;
          gameOverText.style.visibility = "visible";
        }

document.addEventListener("keydown", (e) => {
          if (e.code === "Space") {
            jump();
          }
        });

setInterval(() => {
          if (!isGameOver) {
            createPipe();
          }
        }, 2000);
      });
    </script>
  </body>
</html>
```