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

No:37333

←

Prev Next

→

Zombie apocalypse
Developer User17064｜Date and time 24/1/21 2:06:58
Build time 31.015 sec｜Game capacity 4.836KB｜

Script

Sure, here's a simple zombie apocalypse game implemented as a single HTML file using JavaScript:

Zombie Apocalypse

Use the arrow keys to move and avoid the zombies!

Score: 0

In this game, you control a player character using the arrow keys to avoid the zombies. The player character (represented by an image) can move horizontally and vertically within the game container. Zombies (also represented by images) will appear randomly on the screen, and the player must avoid colliding with them. The score increases as you successfully avoid the zombies. If the player collides with a zombie, the game ends and you can restart by clicking the restart button.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure, here's a simple zombie apocalypse game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Zombie Apocalypse</title>
    <style>
        body {
            background-color: #000;
            color: #fff;
            text-align: center;
            font-family: Arial, sans-serif;
            padding-top: 100px;
        }

#game-container {
            width: 300px;
            height: 300px;
            margin: 0 auto;
            position: relative;
        }

#player {
            position: absolute;
            top: 0;
            left: 0;
        }

.zombie {
            position: absolute;
        }

#score {
            margin-top: 20px;
        }

#restart {
            display: none;
            margin-top: 20px;
        }
    </style>
</head>
<body>
<h1>Zombie Apocalypse</h1>
<p>Use the arrow keys to move and avoid the zombies!</p>

<p id="score">Score: 0</p>

<button id="restart">Restart</button>

// Function to move player
    function movePlayer(event) {
        var keyPressed = event.keyCode;
        var playerX = parseInt(player.style.left);
        var playerY = parseInt(player.style.top);

if (keyPressed === 37 && playerX > 0) {
            player.style.left = playerX - 10 + "px";
        } else if (keyPressed === 39 && playerX < 250) {
            player.style.left = playerX + 10 + "px";
        } else if (keyPressed === 38 && playerY > 0) {
            player.style.top = playerY - 10 + "px";
        } else if (keyPressed === 40 && playerY < 250) {
            player.style.top = playerY + 10 + "px";
        }
    }

// Function to generate zombies
    function generateZombies() {
        var zombie = document.createElement('img');
        zombie.src = 'zombie.jpg';
        zombie.width = 50;
        zombie.height = 50;
        zombie.classList.add('zombie');
        zombie.style.top = Math.floor(Math.random() * 250) + "px";
        zombie.style.left = Math.floor(Math.random() * 250) + "px";
        document.getElementById('game-container').appendChild(zombie);
        zombies.push(zombie);
    }

// Function to update score
    function updateScore() {
        score++;
        scoreElement.innerHTML = "Score: " + score;
    }

// Function to check for collision
    function checkCollision() {
        var playerX = parseInt(player.style.left);
        var playerY = parseInt(player.style.top);

for (var i = 0; i < zombies.length; i++) {
            var zombieX = parseInt(zombies[i].style.left);
            var zombieY = parseInt(zombies[i].style.top);

if (
                playerX < zombieX + 50 &&
                playerX + 50 > zombieX &&
                playerY < zombieY + 50 &&
                playerY + 50 > zombieY
            ) {
                endGame();
                break;
            }
        }
    }

// Function to end the game
    function endGame() {
        clearInterval(gameInterval);
        restartButton.style.display = "block";
        restartButton.addEventListener('click', restartGame);
    }

// Function to restart the game
    function restartGame() {
        clearZombies();
        player.style.left = 0;
        player.style.top = 0;
        score = 0;
        scoreElement.innerHTML = "Score: 0";
        restartButton.style.display = "none";
        startGame();
    }

// Function to clear all zombies
    function clearZombies() {
        for (var i = 0; i < zombies.length; i++) {
            zombies[i].remove();
        }
        zombies = [];
    }

// Function to start the game
    function startGame() {
        gameInterval = setInterval(function () {
            generateZombies();
            updateScore();
            checkCollision();
        }, 1000);
    }

// Event listener for player movement
    window.addEventListener('keydown', movePlayer);

// Start the game
    startGame();
</script>
</body>
</html>
```