AI game creator

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

No:34324

←

Prev Next

→

Thunderbird Game
Developer User16223｜Date and time 24/1/10 3:33:59
Build time 14.623 sec｜Game capacity 3.359KB｜

Script

🐦

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Thunderbird Game</title>
  <style>
    #game-container {
      width: 300px;
      height: 400px;
      border: 1px solid black;
      margin: 0 auto;
      position: relative;
    }
    #player {
      position: absolute;
      bottom: 0;
      left: 140px;
      font-size: 30px;
    }
    .obstacle {
      position: absolute;
      width: 50px;
      height: 50px;
      background-image: url('obstacle.png');
      background-size: cover;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player">🐦</div>
  </div>
  
  <script>
    window.onload = function() {
      const gameContainer = document.getElementById("game-container");
      const player = document.getElementById("player");
      let playerPosition = 140;
      let playerJumping = false;
      let score = 0;
      let gameSpeed = 5;

// Function to handle player jumping
      function jump() {
        if (!playerJumping) {
          playerJumping = true;
          let jumpCount = 0;
          let jumpInterval = setInterval(function() {
            player.style.bottom = (parseInt(player.style.bottom) + 10) + "px";
            jumpCount++;
            if (jumpCount === 15) {
              clearInterval(jumpInterval);
              let fallCount = 0;
              let fallInterval = setInterval(function() {
                player.style.bottom = (parseInt(player.style.bottom) - 10) + "px";
                fallCount++;
                if (fallCount === 15) {
                  clearInterval(fallInterval);
                  playerJumping = false;
                }
              }, 20);
            }
          }, 20);
        }
      }

// Function to create obstacles
      function createObstacle() {
        const obstacle = document.createElement("div");
        obstacle.className = "obstacle";
        obstacle.style.left = Math.floor(Math.random() * 250) + "px";
        gameContainer.appendChild(obstacle);
        let obstaclePosition = 400;
        
        // Move the obstacle upwards
        function moveObstacle() {
          obstaclePosition -= gameSpeed;
          obstacle.style.top = obstaclePosition + "px";
          
          // Check for collision
          if (
            obstaclePosition > 350 && obstaclePosition < 410 &&
            playerPosition > parseInt(obstacle.style.left) - 30 && playerPosition < parseInt(obstacle.style.left) + 30
          ) {
            endGame();
          }
          
          // Remove obstacle when it's out of screen
          if (obstaclePosition < -50) {
            gameContainer.removeChild(obstacle);
          } else {
            requestAnimationFrame(moveObstacle);
          }
        }
        
        moveObstacle();
        setTimeout(createObstacle, Math.random() * 3000 + 1000);
      }

// Function to update score based on the game speed
      function updateScore() {
        score++;
        gameSpeed += 0.2;
        setTimeout(updateScore, 1000);
      }

// Function to end the game
      function endGame() {
        alert("Juego terminado! Puntuación: " + score);
        window.location.reload();
      }

// Event listener to handle jumping
      document.addEventListener("click", jump);

// Start the game
      createObstacle();
      updateScore();
    }
  </script>
</body>
</html>