Una pelotita negra con rastro arcoiris se va por los bordes y se choca,y cada vez que choque con uno de los bordes,se haga más grande la pelotita, cuando ocupé todo el espacio la pelotita,te reinicia.'s game

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

No:40822

←

Prev Next

→

Una pelotita negra con rastro arcoiris se va por l..ALL
Developer User18058｜Date and time 24/2/4 6:59:23
Build time 5.921 sec｜Game capacity 1.477KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<style>
    canvas { border: 1px solid black; }
</style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

var ballSize = 50;
    var ballX = canvas.width / 2;
    var ballY = canvas.height / 2;
    var ballColor = "black";
    var speedX = 2;
    var speedY = 2;

function drawBall() {
        ctx.beginPath();
        ctx.arc(ballX, ballY, ballSize, 0, Math.PI * 2);
        ctx.fillStyle = ballColor;
        ctx.fill();
        ctx.closePath();
    }

function moveBall() {
        ballX += speedX;
        ballY += speedY;

if (ballX + ballSize > canvas.width || ballX - ballSize < 0) {
            ballSize += 10;
            speedX = -speedX;
        }

if (ballY + ballSize > canvas.height || ballY - ballSize < 0) {
            ballSize += 10;
            speedY = -speedY;
        }

if(ballSize >= canvas.width || ballSize >= canvas.height) {
            resetGame();
        }
    }

function resetGame() {
        ballSize = 50;
        ballX = canvas.width / 2;
        ballY = canvas.height / 2;
        speedX = 2;
        speedY = 2;
    }

function updateGame() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawBall();
        moveBall();
    }

setInterval(updateGame, 10); // Start the game loop

</script>
</body>
</html>