Você pode controlar um círculo ele vai se mexer com os botões, características do círculo: você pode colocar móveis apenas o botão: 🗿 asim, quando você inicia o jogo objetos de circulo roxo vai aparecer. Quando você encosta no círculo Roxo vai ter que voltar para outro lugar com o mesmo de objetos e é colidisse's game

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

No:13147

121

←

Prev Next

→

Você pode controlar um círculo ele vai se mexer co..ALL
Developer User5784｜Date and time 23/8/27 6:17:31
Build time 14.895 sec｜Game capacity 2.556KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo do Círculo</title>
    <style>
        #circle {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: lightblue;
        }
        .object {
            position: absolute;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: purple;
        }
    </style>
</head>
<body>
    <button id="move-left">🗿</button>
    <button id="move-right">🗿</button>
    <button id="move-up">🗿</button>
    <button id="move-down">🗿</button>

// Adicionar evento de clique para mover o círculo
        document.getElementById("move-left").addEventListener("click", function() {
            circleX -= 10;
            circle.style.left = circleX + "px";
        });

document.getElementById("move-right").addEventListener("click", function() {
            circleX += 10;
            circle.style.left = circleX + "px";
        });

document.getElementById("move-up").addEventListener("click", function() {
            circleY -= 10;
            circle.style.top = circleY + "px";
        });

document.getElementById("move-down").addEventListener("click", function() {
            circleY += 10;
            circle.style.top = circleY + "px";
        });

// Adicionar objetos de círculo roxo aleatoriamente
        setInterval(function() {
            var object = document.createElement("div");
            object.className = "object";
            object.style.left = Math.random() * window.innerWidth + "px";
            object.style.top = Math.random() * window.innerHeight + "px";
            document.body.appendChild(object);

// Adicionar evento de colisão com os objetos
            object.addEventListener("click", function() {
                // Voltar o círculo para a posição inicial
                circleX = 0;
                circleY = 0;
                circle.style.left = circleX + "px";
                circle.style.top = circleY + "px";

// Remover o objeto de círculo roxo
                document.body.removeChild(object);
            });
        }, 3000);
    </script>
</body>
</html>