There are Yellow squares falling from the sky Tap them and get a point the points are called bananas If the Yellow square Hits the ground you lose. Your goal is to get 15 points.'s game

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

No:18559

←

Prev Next

→

There are Yellow squares falling from the sky Tap ..ALL
Developer User8183｜Date and time 23/9/29 22:26:26
Build time 42.017 sec｜Game capacity 3.584KB｜

Script

Sure! Here's a simple game implemented as a single HTML file, using JavaScript and pictograms. It's suitable for smartphone operation:

In this game, yellow squares (represented by the `emozi_all/game.png` image) will fall from the sky. The player needs to tap on them to "catch" them and earn points (or bananas). If a banana hits the ground, the player loses. The goal is to reach 15 points. Once the game is over (either by winning or losing), a pop-up message will appear, allowing the player to start a new game. To use pictograms, replace the `emozi_all/banana.png` background image with an appropriate pictogram image. You can also customize the game's appearance and styling by modifying the CSS part. Note: Make sure to replace `emozi_all/banana.png` with the correct image path for the game to work properly.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure! Here's a simple game implemented as a single HTML file, using JavaScript and pictograms. It's suitable for smartphone operation:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Banana Game</title>
  <style>
    #game-area {
      position: relative;
      width: 100%;
      height: 100vh;
      overflow: hidden;
      background-color: #FFF;
    }
    .banana {
      position: absolute;
      width: 40px;
      height: 40px;
      background-image: url('banana.png');
      background-size: cover;
    }
  </style>
</head>
<body>
  <div id="game-area"></div>

// Function to start the game
    function startGame() {
      gameArea = document.getElementById("game-area");
      gameInterval = setInterval(spawnBanana, 1000); // Spawn a new banana every second
      gameArea.addEventListener("click", tapBanana);
    }

// Function to spawn a new banana
    function spawnBanana() {
      var randomPosition = Math.random() * (gameArea.clientWidth - 40);
      var banana = document.createElement("div");
      banana.className = "banana";
      banana.style.left = randomPosition + "px";
      gameArea.appendChild(banana);
      bananas.push(banana);
    }

// Function to handle tapping a banana
    function tapBanana(event) {
      var tappedBanana = event.target;
      if (tappedBanana.classList.contains("banana")) {
        tappedBanana.classList.add("tapped");
        tappedBanana.removeEventListener("click", tapBanana);
        score++;
        if (score >= goal) {
          endGame(true);
        }
      }
    }

// Function to handle the banana reaching the ground
    function bananaHitGround(banana) {
      banana.remove();
      bananas = bananas.filter(function(element) {
        return element !== banana;
      });
      if (bananas.length === 0 && score < goal) {
        endGame(false);
      }
    }

// Function to end the game
    function endGame(won) {
      clearInterval(gameInterval);
      gameArea.removeEventListener("click", tapBanana);
      score = 0;
      bananas.forEach(function(banana) {
        banana.remove();
      });
      bananas = [];
      if (won) {
        alert("Congratulations! You won the game!");
      } else {
        alert("Game Over! Try again.");
      }
      startGame(); // Start a new game
    }

// Function to update banana positions
    function updateBananas() {
      bananas.forEach(function(banana) {
        var topPosition = banana.offsetTop + 10;
        banana.style.top = topPosition + "px";
        if (topPosition >= (gameArea.clientHeight - 40)) {
          bananaHitGround(banana);
        }
      });
    }

// Start the game
    startGame();

// Update banana positions every 50 milliseconds
    setInterval(updateBananas, 50);
  </script>
</body>
</html>
```

In this game, yellow squares (represented by the `banana.png` image) will fall from the sky. The player needs to tap on them to "catch" them and earn points (or bananas). If a banana hits the ground, the player loses. The goal is to reach 15 points. Once the game is over (either by winning or losing), a pop-up message will appear, allowing the player to start a new game.

To use pictograms, replace the `banana.png` background image with an appropriate pictogram image. You can also customize the game's appearance and styling by modifying the CSS part.

Note: Make sure to replace `banana.png` with the correct image path for the game to work properly.