AI game creator

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

No:36221

←

Prev Next

→

Bird swan game
Developer User16766｜Date and time 24/1/17 4:04:29
Build time 13.39 sec｜Game capacity 2.866KB｜

Script

Sure! Here's a simple game implementation called "Bird Swan Game" using JavaScript and pictograms, enclosed within script tags in a single HTML file. This game assumes smartphone operation. You can copy and paste the code into an HTML file and open it in your web browser to play the game.

Click on the birds (🐦) to score points, avoid the swans (🦢)!

To play the game, you need to click on the birds (🐦) when they appear on the screen to earn points. If you accidentally click on a swan (🦢), the game will be over and your final score will be displayed in an alert box. You can modify or enhance the game as per your requirements. Enjoy the Bird Swan Game!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Bird Swan Game</title>
  <style>
    body {
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
      background-color: #f5f5f5;
    }
  </style>
</head>
<body>
  <script>
    // Pictograms
    const birdPictogram = "🐦";
    const swanPictogram = "🦢";

// Game variables
    let score = 0;
    let gameOver = false;

// Generate a random pictogram
    function getRandomPictogram() {
      const pictograms = [birdPictogram, swanPictogram];
      const randomIndex = Math.floor(Math.random() * pictograms.length);
      return pictograms[randomIndex];
    }

// Update the score
    function updateScore() {
      const scoreElement = document.getElementById("score");
      scoreElement.innerText = `Score: ${score}`;
    }

// Game over logic
    function gameOverLogic() {
      gameOver = true;
      alert(`Game over! Your final score is ${score}.`);
      location.reload(); // You can modify this to restart the game differently
    }

// Handle click event on pictograms
    function handlePictogramClick(event) {
      if (gameOver) return;

const clickedPictogram = event.target;
      const pictogramValue = clickedPictogram.innerText;

if (pictogramValue === birdPictogram) {
        score += 1;
      } else {
        gameOverLogic();
      }

clickedPictogram.remove();
      updateScore();
    }

// Start the game
    function startGame() {
      // Create pictogram elements
      setInterval(() => {
        if (gameOver) return;
        
        const pictogram = document.createElement("div");
        pictogram.innerText = getRandomPictogram();
        pictogram.style.position = "absolute";
        pictogram.style.left = `${Math.random() * 90}%`;
        pictogram.style.top = `${Math.random() * 90}%`;
        pictogram.style.cursor = "pointer";
        pictogram.addEventListener("click", handlePictogramClick);
        document.body.appendChild(pictogram);
      }, 1000);
    }

// Initialize game
    updateScore();
    startGame();
  </script>

<h1 id="score"></h1>
  <p>Click on the birds (🐦) to score points, avoid the swans (🦢)!</p>
</body>
</html>
```