Una pelotita negra con rastro arcoiris se va por los bordes y se choca,y cada vez que choque con uno,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:40821

←

Prev Next

→

Una pelotita negra con rastro arcoiris se va por l..ALL
Developer User18058｜Date and time 24/2/4 6:58:33
Build time 6.496 sec｜Game capacity 2.318KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Juego de la pelotita</title>
    <style>
        #game-container {
            width: 100%;
            height: 100vh;
            overflow: hidden;
            position: relative;
            background-color: black;
        }
        
        #ball {
            position: absolute;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            background-color: black;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="ball"></div>
    </div>

function moveBall() {
            var containerWidth = gameContainer.clientWidth;
            var containerHeight = gameContainer.clientHeight;
            var ballLeft = parseInt(ball.style.left);
            var ballTop = parseInt(ball.style.top);

// Check collision with container boundaries
            if (ballLeft + ballSize >= containerWidth || ballLeft <= 0) {
                ballDirectionX *= -1;
                ball.style.backgroundColor = getRandomColor();
            }

if (ballTop + ballSize >= containerHeight || ballTop <= 0) {
                ballDirectionY *= -1;
                ball.style.backgroundColor = getRandomColor();
            }

// Update ball position
            ball.style.left = ballLeft + ballSpeed * ballDirectionX + "px";
            ball.style.top = ballTop + ballSpeed * ballDirectionY + "px";
        }

function getRandomColor() {
            var letters = "0123456789ABCDEF";
            var color = "#";
            for (var i = 0; i < 6; i++) {
                color += letters[Math.floor(Math.random() * 16)];
            }
            return color;
        }

setInterval(moveBall, 10);

// Handling mobile device motion
        window.addEventListener("devicemotion", function (event) {
            ballDirectionX = event.accelerationIncludingGravity.x > 0 ? 1 : -1;
            ballDirectionY = event.accelerationIncludingGravity.y > 0 ? 1 : -1;
        });
    </script>
</body>
</html>