AI game creator

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Flappy bird's game | AI game creator

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

No:10857

105

←

Prev Next

→

Flappy bird
Developer User4687｜Date and time 23/8/4 23:10:03
Build time 37.124 sec｜Game capacity 3.965KB｜

Script

Sure, here's a simple implementation of the Flappy Bird game using JavaScript and HTML. Please note that due to the limitations of the text-based format, the code provided might not run as expected in an actual web environment.

Score: 0

To play the game, simply save the code into a file with a .html extension (e.g., flappy_bird.html) and open it in a web browser. Then, click on the screen to make the bird jump and avoid colliding with the pipes. The score will increment each time the pipes are passed. If the bird collides with a pipe, the game will end and a score will be displayed.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Flappy Bird</title>
  <style>
    #game {
      position: relative;
      width: 400px;
      height: 500px;
      border: 1px solid black;
      margin: 0 auto;
    }
    
    #bird {
      position: absolute;
      width: 50px;
      height: 50px;
      top: 50%;
      left: 50px;
      background-color: yellow;
      transition: top 0.2s;
    }
    
    .pipe {
      position: absolute;
      width: 75px;
      height: 300px;
      background-color: green;
    }
    
    #pipe1 {
      top: -300px;
      left: 400px;
    }
    
    #pipe2 {
      bottom: -300px;
      left: 400px;
    }
    
    #score {
      text-align: center;
      font-size: 24px;
      font-family: Arial, sans-serif;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="bird"></div>
    <div id="pipe1" class="pipe"></div>
    <div id="pipe2" class="pipe"></div>
  </div>
  <div id="score">Score: 0</div>
  <script>
    document.addEventListener("DOMContentLoaded", function() {
      // Game variables
      var bird = document.getElementById("bird");
      var pipe1 = document.getElementById("pipe1");
      var pipe2 = document.getElementById("pipe2");
      var scoreText = document.getElementById("score");
      var score = 0;
      var gameRunning = true;
    
      // Game logic
      function updateScore() {
        score++;
        scoreText.innerText = "Score: " + score;
      }
    
      function movePipes() {
        var pipe1Left = parseInt(pipe1.style.left);
        var pipe2Left = parseInt(pipe2.style.left);
    
        pipe1.style.left = pipe1Left - 5 + "px";
        pipe2.style.left = pipe2Left - 5 + "px";
    
        if (pipe1Left < -75) {
          pipe1.style.left = "400px";
          updateScore();
        }
    
        if (pipe2Left < -75) {
          pipe2.style.left = "400px";
          updateScore();
        }
    
        if (isCollision()) {
          endGame();
        }
      }
    
      function jump() {
        var birdTop = parseInt(bird.style.top);
        bird.style.top = birdTop - 50 + "px";
      }
    
      function isCollision() {
        var birdRect = bird.getBoundingClientRect();
        var pipe1Rect = pipe1.getBoundingClientRect();
        var pipe2Rect = pipe2.getBoundingClientRect();
    
        return (
          birdRect.bottom >= pipe1Rect.top &&
          birdRect.top <= pipe1Rect.bottom &&
          birdRect.right >= pipe1Rect.left &&
          birdRect.left <= pipe1Rect.right
        ) || (
          birdRect.bottom >= pipe2Rect.top &&
          birdRect.top <= pipe2Rect.bottom &&
          birdRect.right >= pipe2Rect.left &&
          birdRect.left <= pipe2Rect.right
        );
      }
    
      function endGame() {
        gameRunning = false;
        clearInterval(gameInterval);
        alert("Game over! Your score: " + score);
      }
    
      // User input
      document.addEventListener("click", function() {
        if (gameRunning) {
          jump();
        } else {
          // Start the game
          bird.style.top = "50%";
          pipe1.style.left = "400px";
          pipe2.style.left = "400px";
          score = 0;
          scoreText.innerText = "Score: 0";
          gameRunning = true;
          gameInterval = setInterval(movePipes, 20);
        }
      });
    });
  </script>
</body>
</html>
```