Pop a ballon to get coins and when you have 100000 coins you beat the game's game

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

No:51960

103

←

Prev Next

→

Pop a ballon to get coins and when you have 100000..ALL
Developer User21723｜Date and time 24/3/17 6:47:55
Build time 5.762 sec｜Game capacity 1.483KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Balloon Popping Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>

let coins = 0;

const balloon = {
      x: Math.random() * canvas.width,
      y: canvas.height,
      radius: 30,
      speed: 3,
    };

canvas.addEventListener('click', (event) => {
      const mouseX = event.clientX - canvas.offsetLeft;
      const mouseY = event.clientY - canvas.offsetTop;

if (Math.sqrt((mouseX - balloon.x)**2 + (mouseY - balloon.y)**2) < balloon.radius) {
        coins += 10;
        balloon.x = Math.random() * canvas.width;
        balloon.y = canvas.height;
        
        if (coins >= 100000) {
          alert('Congratulations! You beat the game!');
        }
      }
    });

function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      ctx.beginPath();
      ctx.arc(balloon.x, balloon.y, balloon.radius, 0, Math.PI * 2);
      ctx.fillStyle = 'red';
      ctx.fill();
      
      ctx.font = '20px Arial';
      ctx.fillStyle = 'black';
      ctx.fillText(`Coins: ${coins}`, 10, 30);
      
      balloon.y -= balloon.speed;

if (balloon.y < -balloon.radius) {
        balloon.x = Math.random() * canvas.width;
        balloon.y = canvas.height;
      }

requestAnimationFrame(draw);
    }

draw();
  </script>
</body>
</html>