Você é um guarda noturno e tem que fugir de animais robôs até o tempo acabar's game

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

No:25396

←

Prev Next

→

Você é um guarda noturno e tem que fugir de animai..ALL
Developer User12421｜Date and time 23/11/21 8:11:51
Build time 113.678 sec｜Game capacity 4.452KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Guarda Noturno - Jogo</title>
</head>

<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        // Obtendo referência ao elemento canvas
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

// Criando objeto para representar o jogador
        const player = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            width: 50,
            height: 50,
            color: "#FF0000"
        };

// Criando objeto para representar o inimigo
        const enemy = {
            x: Math.random() * (canvas.width - 50),
            y: Math.random() * (canvas.height - 50),
            width: 50,
            height: 50,
            color: "#0000FF",
            speed: 3,
            directionX: 1,
            directionY: 1
        };

let isGameOver = false; // Variável para indicar se o jogo terminou

// Função para desenhar os objetos na tela
        function drawObjects() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Desenha o jogador
            ctx.fillStyle = player.color;
            ctx.fillRect(player.x, player.y, player.width, player.height);

// Desenha o inimigo
            ctx.fillStyle = enemy.color;
            ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
        }

// Função para atualizar a posição do jogador
        function updatePlayerPosition(event) {
            // Verifica a tecla pressionada
            if (event.keyCode === 37) { // Tecla seta para esquerda
                if (player.x > 0) {
                    player.x -= 10;
                }
            } else if (event.keyCode === 39) { // Tecla seta para direita
                if (player.x + player.width < canvas.width) {
                    player.x += 10;
                }
            } else if (event.keyCode === 38) { // Tecla seta para cima
                if (player.y > 0) {
                    player.y -= 10;
                }
            } else if (event.keyCode === 40) { // Tecla seta para baixo
                if (player.y + player.height < canvas.height) {
                    player.y += 10;
                }
            }

// Atualiza a posição do inimigo com base na posição do jogador
            updateEnemyPosition();
        }

// Função para atualizar a posição do inimigo
        function updateEnemyPosition() {
            enemy.x += enemy.speed * enemy.directionX;
            enemy.y += enemy.speed * enemy.directionY;

// Verifica se o inimigo colidiu com as bordas do canvas
            if (enemy.x + enemy.width > canvas.width || enemy.x < 0) {
                enemy.directionX *= -1;
            }
            if (enemy.y + enemy.height > canvas.height || enemy.y < 0) {
                enemy.directionY *= -1;
            }

// Verifica se o jogador foi capturado pelo inimigo
            if (checkCollision(player, enemy)) {
                isGameOver = true;
                gameOver();
            }
        }

// Função para verificar colisões entre dois objetos
        function checkCollision(obj1, obj2) {
            return obj1.x < obj2.x + obj2.width &&
                obj1.x + obj1.width > obj2.x &&
                obj1.y < obj2.y + obj2.height &&
                obj1.y + obj1.height > obj2.y;
        }

// Função que indica o fim do jogo
        function gameOver() {
            alert("Você foi capturado pelos animais robôs!");
            document.removeEventListener("keydown", updatePlayerPosition);
            location.reload(); // Recarrega a página para reiniciar o jogo
        }

// Função que inicia o jogo
        function startGame() {
            document.addEventListener("keydown", updatePlayerPosition);

// Loop principal do jogo
            function gameLoop() {
                if (!isGameOver) {
                    drawObjects();
                    requestAnimationFrame(gameLoop);
                }
            }

// Inicia o loop do jogo
            gameLoop();
        }

// Inicia o jogo quando a página for carregada
        window.onload = startGame;
    </script>
</body>

</html>