AI game creator

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

No:25418

←

Prev Next

→

Flappy bird
Developer User12443｜Date and time 23/11/21 14:26:33
Build time 172.216 sec｜Game capacity 4.322KB｜

Script

Sure! Here's an example of a simple Flappy Bird game implemented as a single HTML file using JavaScript:

Note: The above code assumes you have an image file called "emozi_all/bird.png" in the same directory as the HTML file. You may replace it with any other image you like.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

Sure! Here's an example of a simple Flappy Bird game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Flappy Bird</title>
  <style>
    #game {
      position: relative;
      margin: 0 auto;
      width: 400px;
      height: 500px;
      border: 1px solid #000;
      overflow: hidden;
    }
    
    #bird {
      position: absolute;
      top: 50%;
      left: 50px;
      width: 50px;
      height: 50px;
      background-image: url('bird.png');
      background-size: cover;
      transform: translateY(-50%);
    }
    
    .pipe {
      position: absolute;
      width: 80px;
      bottom: 0;
      background-color: green;
      transition: left 1s linear;
    }
    
    #score {
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 24px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="bird"></div>
    <div id="score">0</div>
  </div>

// Handle bird's jumping event
    function handleJump() {
      velocity += jump;
    }

// Move bird and check for collisions
    function updateBird() {
      velocity += gravity;
      bird.style.top = parseInt(bird.style.top) + velocity + 'px';

// Check for collision with the ground
      if (parseInt(bird.style.top) >= screenHeight - bird.offsetHeight) {
        gameOver();
      }

// Check for collision with pipes
      for (var i = 0; i < pipes.length; i++) {
        var pipe = pipes[i];
        if (
          bird.offsetLeft + bird.offsetWidth > pipe.offsetLeft &&
          bird.offsetLeft < pipe.offsetLeft + pipe.offsetWidth &&
          bird.offsetTop + bird.offsetHeight > pipe.offsetTop &&
          bird.offsetTop < pipe.offsetTop + pipe.offsetHeight
        ) {
          gameOver();
        }
      }
    }

// Create pipes
    function createPipes() {
      var pipeHeight = Math.floor(Math.random() * (screenHeight / 2));
      var gapSize = 150;
      var pipe1 = document.createElement('div');
      var pipe2 = document.createElement('div');
      pipe1.className = 'pipe';
      pipe2.className = 'pipe';
      pipe1.style.height = pipeHeight + 'px';
      pipe2.style.height = (screenHeight - pipeHeight - gapSize) + 'px';
      pipe1.style.left = pipe2.style.left = screenWidth + 'px';
      game.appendChild(pipe1);
      game.appendChild(pipe2);
      pipes.push(pipe1);
      pipes.push(pipe2);
    }

// Move pipes and remove them if they are out of the screen
    function updatePipes() {
      for (var i = 0; i < pipes.length; i++) {
        var pipe = pipes[i];
        pipe.style.left = pipe.offsetLeft - gameSpeed + 'px';

// Remove pipe if it's out of the screen
        if (pipe.offsetLeft + pipe.offsetWidth < 0) {
          pipes.splice(i, 1);
          game.removeChild(pipe);
          i--;
        }
      }
    }

// Update the score
    function updateScore() {
      for (var i = 0; i < pipes.length; i += 2) {
        var pipe = pipes[i];
        if (bird.offsetLeft > pipe.offsetLeft + pipe.offsetWidth) {
          currentScore++;
          score.textContent = currentScore;
        }
      }
    }

// Game over logic
    function gameOver() {
      isGameOver = true;
      clearTimeout(timer);
      alert('Game over! Your score: ' + currentScore);
      location.reload();
    }

// Game loop
    function gameLoop() {
      if (!isGameOver) {
        updateBird();
        updatePipes();
        updateScore();
        timer = setTimeout(gameLoop, 1000 / 60);
      }
    }

// Start the game
    game.addEventListener('click', handleJump);
    createPipes();
    gameLoop();

</script>
</body>
</html>
```

Note: The above code assumes you have an image file called "bird.png" in the same directory as the HTML file. You may replace it with any other image you like.