Crea un juego donde con cada toque que doy ala pantalla se infle 1 globo hasta explotar's game

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

No:52902

440

←

Prev Next

→

Crea un juego donde con cada toque que doy ala pan..ALL
Developer User20538｜Date and time 24/3/26 18:54:53
Build time 6.491 sec｜Game capacity 2.009KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>¡Explota los globos!</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

let balloons = [];
        let score = 0;

function Balloon(x, y) {
            this.x = x;
            this.y = y;
            this.radius = 20;
            this.isPopped = false;

this.draw = function () {
                ctx.beginPath();
                ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
                ctx.fillStyle = 'red';
                ctx.fill();
                ctx.closePath();
            }
        }

canvas.addEventListener('click', function (event) {
            let clickX = event.clientX - canvas.offsetLeft;
            let clickY = event.clientY - canvas.offsetTop;

balloons.forEach(function (balloon) {
                let distance = Math.sqrt((clickX - balloon.x) ** 2 + (clickY - balloon.y) ** 2);

if (distance <= balloon.radius && !balloon.isPopped) {
                    balloon.isPopped = true;
                    score++;
                }
            });
        });

function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

balloons.forEach(function (balloon) {
                if (!balloon.isPopped) {
                    balloon.draw();
                }
            });

ctx.fillStyle = 'black';
            ctx.font = '24px Arial';
            ctx.fillText('Puntuación: ' + score, 10, 30);
        }

function gameLoop() {
            if (Math.random() < 0.02) {
                let balloon = new Balloon(Math.random() * canvas.width, Math.random() * canvas.height);
                balloons.push(balloon);
            }

update();

requestAnimationFrame(gameLoop);
        }

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