AI game creator

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

No:21245

102

←

Prev Next

→

Spooky bird game
Developer User9714｜Date and time 23/10/14 7:32:45
Build time 79.981 sec｜Game capacity 4.871KB｜

Script

Sure! Below is a basic implementation of a spooky bird game in a single HTML file. The game is designed for smartphone operation and uses pictograms. Make sure to enclose the code in `` tags.

👻

This code sets up a basic spooky bird game where the objective is to keep the ghost bird from hitting the obstacles. You can control the bird's movement by pressing the `ArrowUp` key on a physical keyboard or by touching the screen on a smartphone. The game starts when you perform the first jump. Each obstacle passed increments your score, and the game ends if you collide with an obstacle or the game container's boundaries.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Sure! Below is a basic implementation of a spooky bird game in a single HTML file. The game is designed for smartphone operation and uses pictograms. Make sure to enclose the code in `<script>` tags.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Spooky Bird Game</title>
  <style>
    #game-container {
      position: relative;
      width: 100vw;
      height: 100vh;
    }

.bird {
      position: absolute;
      top: 50%;
      left: 10%;
      transform: translateY(-50%);
      font-size: 50px;
    }

.obstacle {
      position: absolute;
      top: 0;
      width: 50px;
      height: 200px;
      background-color: red;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <span class="bird">👻</span>
  </div>

// Function to start the game
      function startGame() {
        gameRunning = true;
        playerScore = 0;
        bird.style.top = '50%';

// Reset obstacles
        const obstacles = document.querySelectorAll('.obstacle');
        obstacles.forEach(obstacle => obstacle.remove());

// Start gravity
        gravityIntervalId = setInterval(applyGravity, 10);

// Spawn obstacles
        obstacleIntervalId = setInterval(spawnObstacle, 2000);

// Start score tracking
        document.getElementById('score').textContent = 'Score: 0';
      }

// Function to apply gravity to the bird
      function applyGravity() {
        const birdTop = parseInt(bird.style.top);
        const newTop = birdTop + 1;
        bird.style.top = newTop + '%';

// Check collision with obstacles
        const obstacles = document.querySelectorAll('.obstacle');
        const birdRect = bird.getBoundingClientRect();

obstacles.forEach(obstacle => {
          const obstacleRect = obstacle.getBoundingClientRect();
          if (obstacleRect.left < 50 && obstacleRect.right > 10 && obstacleRect.top < birdRect.bottom && obstacleRect.bottom > birdRect.top) {
            endGame();
          }
        });

// Check collision with game container
        const gameContainerRect = gameContainer.getBoundingClientRect();
        if (birdRect.bottom >= gameContainerRect.bottom || birdRect.top <= gameContainerRect.top) {
          endGame();
        }
      }

// Function to spawn obstacles
      function spawnObstacle() {
        const obstacle = document.createElement('div');
        obstacle.classList.add('obstacle');
        obstacle.style.left = '100%';
        obstacle.style.top = Math.floor(Math.random() * 50) + 25 + '%';

gameContainer.appendChild(obstacle);

// Move obstacle to the left
        const obstacleMoveIntervalId = setInterval(moveObstacle, 10);

function moveObstacle() {
          const obstacleLeft = parseInt(obstacle.style.left);
          const newLeft = obstacleLeft - 0.5;
          obstacle.style.left = newLeft + '%';

if (obstacleLeft <= -50) {
            obstacle.remove();
            clearInterval(obstacleMoveIntervalId);
            playerScore++;
            document.getElementById('score').textContent = `Score: ${playerScore}`;
          }
        }
      }

// Function to end the game
      function endGame() {
        clearInterval(gravityIntervalId);
        clearInterval(obstacleIntervalId);
        gameRunning = false;
        alert(`Game Over!\nYour Score: ${playerScore}`);
      }

// Event listeners
      document.addEventListener('keydown', function(event) {
        if (event.key === 'ArrowUp') {
          event.preventDefault();
          if (gameRunning) {
            applyJump();
          } else {
            startGame();
          }
        }
      });

document.addEventListener('touchstart', function(event) {
        event.preventDefault();
        if (gameRunning) {
          applyJump();
        } else {
          startGame();
        }
      });

// Function to apply jump to the bird
      function applyJump() {
        const birdTop = parseInt(bird.style.top);
        const newTop = birdTop - 10;
        bird.style.top = newTop + '%';
      }
    });
  </script>
</body>
</html>
```