Jogo de nave que atira. Os inimigos vem de cima para baixo lentamente e matam o aviso quando encostam. A nave atira constantemente para cima e se move somente para direita e esquerda quando o jogador inclina o celular para direita ou esquerda. Se os inimigos forem atingidos eles desaparecem. Se o inimigo encostar na nave, ela morre. Se o inimigo passar ao lado da nave, o inimigo desaparece e seguem aparecendo novos inimigos, um por vez.'s game

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

No:14639

103

←

Prev Next

→

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

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>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    
    <script>
        // Obtém a referência para o canvas
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");
        
        // Define as variáveis do jogo
        var shipX = canvas.width / 2;
        var shipY = canvas.height - 30;
        var shipWidth = 30;
        var shipHeight = 30;
        var shipSpeed = 5;
        var isMovingLeft = false;
        var isMovingRight = false;
        
        var bulletWidth = 5;
        var bulletHeight = 10;
        var bulletSpeed = 8;
        var bullets = [];
        
        var enemyWidth = 30;
        var enemyHeight = 30;
        var enemySpeed = 2;
        var enemies = [];
        
        var score = 0;
        var isGameOver = false;
        
        // Adiciona os eventos de inclinação para movimentar a nave
        window.addEventListener("deviceorientation", handleTilt, true);

// Função para atualizar a nave com base na inclinação do dispositivo
        function handleTilt(event) {
            var tiltLR = event.gamma;
            
            if (tiltLR > 2) {
                isMovingRight = true;
                isMovingLeft = false;
            } else if (tiltLR < -2) {
                isMovingRight = false;
                isMovingLeft = true;
            } else {
                isMovingRight = false;
                isMovingLeft = false;
            }
        }
        
        // Função para desenhar a nave
        function drawShip() {
            context.beginPath();
            context.rect(shipX, shipY, shipWidth, shipHeight);
            context.fillStyle = "blue";
            context.fill();
            context.closePath();
        }
        
        // Função para desenhar as balas
        function drawBullets() {
            for (var i = 0; i < bullets.length; i++) {
                context.beginPath();
                context.rect(bullets[i].x, bullets[i].y, bulletWidth, bulletHeight);
                context.fillStyle = "red";
                context.fill();
                context.closePath();
            }
        }
        
        // Função para desenhar os inimigos
        function drawEnemies() {
            for (var i = 0; i < enemies.length; i++) {
                context.beginPath();
                context.rect(enemies[i].x, enemies[i].y, enemyWidth, enemyHeight);
                context.fillStyle = "black";
                context.fill();
                context.closePath();
            }
        }
        
        // Função para atualizar a posição dos elementos do jogo
        function update() {
            if (!isGameOver) {
                if (isMovingLeft && shipX - shipSpeed > 0) {
                    shipX -= shipSpeed;
                }
                if (isMovingRight && shipX + shipWidth + shipSpeed < canvas.width) {
                    shipX += shipSpeed;
                }
                
                // Atualiza a posição das balas
                for (var i = 0; i < bullets.length; i++) {
                    bullets[i].y -= bulletSpeed;
                    
                    // Verifica se a bala atingiu um inimigo
                    for (var j = 0; j < enemies.length; j++) {
                        if (bullets[i].x + bulletWidth > enemies[j].x &&
                            bullets[i].x < enemies[j].x + enemyWidth &&
                            bullets[i].y + bulletHeight > enemies[j].y &&
                            bullets[i].y < enemies[j].y + enemyHeight) {
                            bullets.splice(i, 1);
                            enemies.splice(j, 1);
                            score++;
                        }
                    }
                    
                    // Remove as balas que saírem da tela
                    if (bullets[i] && bullets[i].y < 0) {
                        bullets.splice(i, 1);
                    }
                }
                
                // Atualiza a posição dos inimigos
                for (var i = 0; i < enemies.length; i++) {
                    enemies[i].y += enemySpeed;
                    
                    // Verifica se algum inimigo tocou na nave
                    if (enemies[i].x + enemyWidth > shipX &&
                        enemies[i].x < shipX + shipWidth &&
                        enemies[i].y + enemyHeight > shipY &&
                        enemies[i].y < shipY + shipHeight) {
                        isGameOver = true;
                    }
                    
                    // Remove os inimigos que saírem da tela
                    if (enemies[i] && enemies[i].y > canvas.height) {
                        enemies.splice(i, 1);
                    }
                }
                
                // Gera um novo inimigo
                if (enemies.length < 1) {
                    var enemy = {
                        x: Math.random() * (canvas.width - enemyWidth),
                        y: -enemyHeight
                    };
                    enemies.push(enemy);
                }
            }
        }
        
        // Função para desenhar o score do jogo
        function drawScore() {
            context.font = "16px Arial";
            context.fillStyle = "black";
            context.fillText("Score: " + score, 8, 20);
        }
        
        // Função principal do jogo
        function gameLoop() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            
            drawShip();
            drawBullets();
            drawEnemies();
            drawScore();
            
            if (isGameOver) {
                context.font = "30px Arial";
                context.fillStyle = "red";
                context.fillText("Game Over!", canvas.width/2-75, canvas.height/2);
            } else {
                update();
            }
            
            requestAnimationFrame(gameLoop);
        }
        
        // Adiciona os eventos de toque para atirar
        canvas.addEventListener("touchstart", shoot, false);
        
        // Função para atirar uma bala
        function shoot(event) {
            var bullet = {
                x: shipX + shipWidth/2 - bulletWidth/2,
                y: shipY
            };
            bullets.push(bullet);
        }
        
        // Inicia o jogo
        gameLoop();
    </script>
</body>
</html>