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

No:42533

Jogo de zumbis que tem como eu me mover atirar e o..ALL
Developer User18853｜Date and time 24/2/12 0:04:43
Build time 14.723 sec｜Game capacity 5.237KB｜

Script

Jogo de Zumbis Furries

Score: 0

Game Over!

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Jogo de Zumbis</title>
    <style>
        #game-board {
            width: 400px;
            height: 400px;
            border: 1px solid black;
            position: relative;
        }
        
        #player {
            width: 50px;
            height: 50px;
            background-color: blue;
            position: absolute;
            top: 175px;
            left: 175px;
        }
        
        .zombie {
            width: 50px;
            height: 50px;
            background-color: green;
            border-radius: 50%;
            position: absolute;
            z-index: 1;
        }
        
        #score {
            font-size: 20px;
        }
        
        #game-over {
            font-size: 40px;
            color: red;
            display: none;
        }
    </style>
</head>
<body>
    <h1>Jogo de Zumbis Furries</h1>
    <div id="score">Score: 0</div>
    <div id="game-board">
        <div id="player"></div>
    </div>
    <div id="game-over">Game Over!</div>

// Define variáveis para controle do jogo
        let score = 0;
        let gameStarted = false;
        let gameOver = false;
        let intervalId;
        
        // Move o jogador no tabuleiro
        function movePlayer(event) {
            if (gameStarted && !gameOver) {
                const key = event.key;
                const playerPos = player.getBoundingClientRect();
                const gameBoardPos = gameBoard.getBoundingClientRect();
                
                switch (key) {
                    case 'ArrowUp':
                        if (playerPos.top > gameBoardPos.top) {
                            player.style.top = `${playerPos.top - 10}px`;
                        }
                        break;
                    case 'ArrowDown':
                        if (playerPos.bottom < gameBoardPos.bottom) {
                            player.style.top = `${playerPos.top + 10}px`;
                        }
                        break;
                    case 'ArrowLeft':
                        if (playerPos.left > gameBoardPos.left) {
                            player.style.left = `${playerPos.left - 10}px`;
                        }
                        break;
                    case 'ArrowRight':
                        if (playerPos.right < gameBoardPos.right) {
                            player.style.left = `${playerPos.left + 10}px`;
                        }
                        break;
                }
            }
        }
        
        // Cria e move os zumbis
        function moveZombies() {
            const zombies = document.getElementsByClassName('zombie');
            
            for (let i = 0; i < zombies.length; i++) {
                const zombie = zombies[i];
                const zombiePos = zombie.getBoundingClientRect();
                zombie.style.top = `${zombiePos.top + 5}px`;
                
                // Verifica colisão entre jogador e zumbis
                if (checkCollision(player, zombie)) {
                    gameOver = true;
                    gameOverElement.style.display = 'block';
                    clearInterval(intervalId);
                }
                
                // Remove zumbis que saíram do tabuleiro
                if (zombiePos.top > 400) {
                    zombie.remove();
                    score++;
                    scoreElement.innerHTML = `Score: ${score}`;
                }
            }
        }
        
        // Verifica colisão entre dois elementos
        function checkCollision(elem1, elem2) {
            const rect1 = elem1.getBoundingClientRect();
            const rect2 = elem2.getBoundingClientRect();
            
            return !(
                rect1.top > rect2.bottom ||
                rect1.bottom < rect2.top ||
                rect1.left > rect2.right ||
                rect1.right < rect2.left
            );
        }
        
        // Adiciona zumbis ao jogo
        function addZombies() {
            const zombie = document.createElement('div');
            zombie.className = 'zombie';
            const x = Math.floor(Math.random() * (400 - 50));
            zombie.style.top = '0px';
            zombie.style.left = `${x}px`;
            gameBoard.appendChild(zombie);
        }
        
        // Inicia o jogo
        function startGame() {
            if (!gameStarted) {
                gameStarted = true;
                intervalId = setInterval(() => {
                    if (!gameOver) {
                        addZombies();
                        moveZombies();
                    }
                }, 1000);
            }
        }
        
        // Event listeners
        document.addEventListener('keydown', movePlayer);
        document.addEventListener('click', startGame);
    </script>
</body>
</html>