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

No:25830

←

Prev Next

→

Baloon popper
Developer User12686｜Date and time 23/11/25 0:57:31
Build time 65.641 sec｜Game capacity 2.751KB｜

Script

Sure! Here's an example of a balloon popper game implemented as a single HTML file using JavaScript:

Balloon Popper

Score: 0

To play the game, simply copy and paste the above code into an HTML file and open it in a web browser. The game will start automatically, and you can pop the balloons by clicking on them. Each balloon has different speed and points associated with it. The score will be displayed at the bottom of the game window. Have fun popping balloons!

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's an example of a balloon popper game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Balloon Popper</title>
    <style>
      html,
      body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #gameCanvas {
        width: 100%;
        height: 100%;
        background-color: #e6f0ff;
      }
      .balloon {
        position: absolute;
        font-size: 48px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <script>
      window.addEventListener("DOMContentLoaded", function () {
        const gameCanvas = document.getElementById("gameCanvas");
        const balloons = [
          { symbol: "🎈", speed: 2, points: 10 },
          { symbol: "🎉", speed: 3, points: 20 },
          { symbol: "🎁", speed: 4, points: 30 },
        ];

function createBalloon() {
          const balloonIndex = Math.floor(Math.random() * balloons.length);
          const balloonSymbol = balloons[balloonIndex].symbol;
          const balloonSpeed = balloons[balloonIndex].speed;
          const balloonPoints = balloons[balloonIndex].points;
          const balloonElement = document.createElement("div");
          balloonElement.textContent = balloonSymbol;
          balloonElement.classList.add("balloon");
          balloonElement.style.left = Math.random() * 90 + "%";
          balloonElement.style.animationDuration = 10 / balloonSpeed + "s";
          gameCanvas.appendChild(balloonElement);

balloonElement.addEventListener("click", function () {
            popBalloon(balloonElement, balloonPoints);
          });

setTimeout(function () {
            gameCanvas.removeChild(balloonElement);
          }, 10000 / balloonSpeed);
        }

function popBalloon(balloon, points) {
          balloon.classList.add("popped");
          setTimeout(function () {
            gameCanvas.removeChild(balloon);
          }, 100);
          updateScore(points);
        }

function updateScore(points) {
          const scoreElement = document.getElementById("score");
          scoreElement.textContent = parseInt(scoreElement.textContent) + points;
        }

setInterval(createBalloon, 2000);
      });
    </script>
    <h1>Balloon Popper</h1>
    <div id="gameCanvas"></div>
    <h2>Score: <span id="score">0</span></h2>
  </body>
</html>
```