AI game creator

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

No:8591

4324

←

Prev Next

→

Flapy Bird
Developer anonymous｜Date and time 70/1/1 10:03:41
Build time unknown 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>
```