AI game creator

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

No:39614

←

Prev Next

→

A bird game
Developer User17730｜Date and time 24/1/29 12:25:40
Build time 13.533 sec｜Game capacity 2.609KB｜

Script

Sure! Here's an example of a simple bird game implemented as a single HTML file using JavaScript. It can be played on a smartphone and includes pictograms for visuals.

Score: 0

In this bird game, you control the bird by tapping on the screen (click event). The objective is to avoid the green obstacles by flying over them. Each time you pass an obstacle, your score increases by 1. If the bird collides with an obstacle, the game ends, and the score is reset. Note: The game assumes you have an image named "emozi_all/game.png" stored in the same directory as the HTML file. Feel free to replace it with your own bird pictogram/image.

←

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 bird game implemented as a single HTML file using JavaScript. It can be played on a smartphone and includes pictograms for visuals.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Bird Game</title>
  <style>
    #bird {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 50px;
      height: 50px;
      background-image: url('bird.png');
      background-size: cover;
    }

#obstacle {
      position: absolute;
      top: 0;
      left: 100%;
      width: 50px;
      height: 200px;
      background-color: green;
    }

#score {
      position: absolute;
      top: 10px;
      left: 10px;
      font-family: Arial, sans-serif;
      font-size: 20px;
      color: white;
    }
  </style>
</head>
<body>
  <div id="bird"></div>
  <div id="obstacle"></div>
  <div id="score">Score: 0</div>

// Game logic
    function gameLoop() {
      // Move the obstacle
      var obstacleLeft = parseInt(window.getComputedStyle(obstacle).getPropertyValue('left'));
      if (obstacleLeft < -50) {
        obstacle.style.display = 'block';
        score++;
        scoreDisplay.textContent = 'Score: ' + score;
      }
      obstacle.style.left = obstacleLeft - 10 + 'px';

// Check collision
      var birdTop = parseInt(window.getComputedStyle(bird).getPropertyValue('top'));
      var obstacleTop = parseInt(window.getComputedStyle(obstacle).getPropertyValue('top'));
      if (obstacleLeft > 0 && obstacleLeft < 50 && birdTop < obstacleTop + 200) {
        alert('Game Over! Your score: ' + score);
        score = 0;
        scoreDisplay.textContent = 'Score: ' + score;
      }

// Repeat the game loop
      window.requestAnimationFrame(gameLoop);
    }

// Game start
    document.addEventListener('click', function() {
      bird.style.top = (bird.offsetTop - 50) + 'px';
    });
    gameLoop();
  </script>
</body>
</html>
```

Note: The game assumes you have an image named "bird.png" stored in the same directory as the HTML file. Feel free to replace it with your own bird pictogram/image.