Jogo de nave que atira. Os inimigos vem de cima para baixo lentamente e matam o aviso quando encostam. A nave atira constantemente e se move somente para direita e esquerda quando o jogador inclina o celular para direita ou esquerda's game

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

No:14638

134

←

Prev Next

→

Jogo de nave que atira. Os inimigos vem de cima pa..ALL
Developer User6325｜Date and time 23/9/3 21:16:26
Build time 40.851 sec｜Game capacity 5.751KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Nave</title>
    <style>
        #game-container {
            position: relative;
            width: 100%;
            height: 500px;
            background-color: black;
        }
        
        #player {
            position: absolute;
            bottom: 10px;
            width: 50px;
            height: 50px;
            background-color: blue;
        }
        
        #bullet {
            position: absolute;
            bottom: 70px;
            width: 10px;
            height: 30px;
            background-color: red;
            transform: scaleY(0);
        }
        
        .enemy {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
        <div id="bullet"></div>
    </div>

// Função para mover a nave jogador
            function movePlayer(direction) {
                var currentPosition = parseInt(getComputedStyle(player).left);
                var containerWidth = parseInt(getComputedStyle(container).width);

if (direction === "left" && currentPosition > 0) {
                    player.style.left = currentPosition - 10 + "px";
                } else if (direction === "right" && currentPosition < (containerWidth - playerWidth)) {
                    player.style.left = currentPosition + 10 + "px";
                }
            }

// Evento para inclinar o celular e mover a nave jogador
            window.addEventListener("deviceorientation", function(event) {
                var tiltLR = event.gamma;

if (tiltLR < -5) {
                    movePlayer("left");
                } else if (tiltLR > 5) {
                    movePlayer("right");
                }
            });

// Função para criar um novo inimigo
            function createEnemy() {
                var enemy = document.createElement("div");
                enemy.className = "enemy";
                enemy.style.top = "0px";
                enemy.style.left = Math.floor(Math.random() * (parseInt(getComputedStyle(container).width) - playerWidth)) + "px";
                container.appendChild(enemy);
                enemies.push(enemy);
            }

// Função para mover inimigos e verificar colisões
            function moveAndCheckCollision() {
                for (var i = 0; i < enemies.length; i++) {
                    var currentPosition = parseInt(getComputedStyle(enemies[i]).top);
                    var containerHeight = parseInt(getComputedStyle(container).height);

if (currentPosition >= (containerHeight - playerHeight)) {
                        // O inimigo matou o jogador
                        clearInterval(enemyCreationInterval);
                        clearInterval(enemyMovementInterval);
                        alert("Você perdeu! Tente novamente.");
                        location.reload();
                    } else {
                        enemies[i].style.top = currentPosition + 5 + "px";

var playerPosition = parseInt(getComputedStyle(player).left);
                        var bulletPosition = parseInt(getComputedStyle(bullet).left);
                        var enemyPositionLeft = parseInt(getComputedStyle(enemies[i]).left);
                        var enemyPositionTop = parseInt(getComputedStyle(enemies[i]).top);

if ((bulletPosition >= enemyPositionLeft && bulletPosition <= (enemyPositionLeft + playerWidth)) && (enemyPositionTop + playerHeight) <= bulletHeight) {
                            // Tiro acertou um inimigo
                            container.removeChild(enemies[i]);
                            enemies.splice(i, 1);
                        }
                    }
                }
            }

// Função para atirar
            function shoot() {
                var currentPosition = parseInt(getComputedStyle(bullet).left);
                var bulletWidth = parseInt(getComputedStyle(bullet).width);

if (currentPosition >= (parseInt(getComputedStyle(container).width) - bulletWidth)) {
                    // Reposiciona o tiro para abaixo da nave
                    bullet.style.transform = "scaleY(0)";
                    bullet.style.left = parseInt(getComputedStyle(player).left) + (playerWidth / 2) + "px";
                    setTimeout(function() {
                        bullet.style.transform = "scaleY(1)";
                    }, 100);
                } else {
                    bullet.style.left = currentPosition + 5 + "px";
                }
            }

// Evento para iniciar o jogo
            document.addEventListener("click", function() {
                clearInterval(enemyCreationInterval);
                clearInterval(enemyMovementInterval);

enemyCreationInterval = setInterval(createEnemy, 2000);
                enemyMovementInterval = setInterval(moveAndCheckCollision, 30);

setInterval(shoot, 20);
            });
        });
    </script>
</body>
</html>