Cenouras se duplicando e girando e movendo's game

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

No:35739

←

Prev Next

→

Cenouras se duplicando e girando e movendo
Developer User16623｜Date and time 24/1/15 6:02:58
Build time 9.714 sec｜Game capacity 2.336KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Cenouras em Movimento</title>
    <style>
        .carrot {
            position: absolute;
            width: 50px;
            height: 50px;
            background-image: url("carrot.png");
            background-size: cover;
        }
    </style>
</head>
<body>
    <script>
        // Inicialização das variáveis
        var container = document.body;
        var carrots = [];
        var speed = 0.5; // Velocidade de movimento das cenouras
        var rotationSpeed = 2; // Velocidade de rotação das cenouras

// Adiciona uma nova cenoura no jogo
        function addCarrot() {
            var carrot = document.createElement("div");
            carrot.className = "carrot";
            carrot.style.top = Math.random() * (window.innerHeight - 50) + "px";
            carrot.style.left = Math.random() * (window.innerWidth - 50) + "px";
            carrots.push(carrot);
            container.appendChild(carrot);
        }

// Atualiza a posição e rotação de cada cenoura
        function updateCarrots() {
            for (var i = 0; i < carrots.length; i++) {
                var carrot = carrots[i];
                var position = carrot.getBoundingClientRect();

// Movimento horizontal
                var left = position.left + speed;

// Verifica se a cenoura saiu da tela e a reposiciona no lado oposto
                if (left > window.innerWidth) {
                    carrot.style.left = -50 + "px"; // Reposiciona no lado esquerdo
                } else {
                    carrot.style.left = left + "px";
                }

// Rotação
                var rotation = carrot.style.transform.match(/rotate\((\d+)deg\)/);
                if (rotation) {
                    var angle = parseInt(rotation[1]);
                    carrot.style.transform = "rotate(" + (angle + rotationSpeed) + "deg)";
                } else {
                    carrot.style.transform = "rotate(" + rotationSpeed + "deg)";
                }
            }
        }

// Loop principal do jogo
        function gameLoop() {
            addCarrot();
            updateCarrots();
            requestAnimationFrame(gameLoop);
        }

// Início do jogo
        gameLoop();
    </script>
</body>
</html>