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

No:16304

←

Prev Next

→

A zombie game
Developer User6337｜Date and time 23/9/17 5:20:02
Build time 22.04 sec｜Game capacity 3.225KB｜

Script

Sure! Here's a simple zombie game implemented as a single HTML file using JavaScript:

Zombie Game

To get this to work, you would need to replace the `emozi_all/player.png` and `emozi_all/zombie.png` with your own image files representing the player and the zombie, respectively. Also, make sure that the file paths are correct. In this game, the player can move left and right using the left and right arrow keys. The objective is to avoid collision with the moving zombie. If a collision occurs, an alert will be shown saying "Game Over!" and the page will be refreshed to start again. Please note that this is a very basic implementation of a zombie game and can be further enhanced with additional features, levels, scoring, etc.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple zombie game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Zombie Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        #game-container {
            display: inline-block;
            position: relative;
        }
        #player {
            position: absolute;
            bottom: 10px;
            left: 50%;
        }
        #zombie {
            position: absolute;
            top: 10px;
            left: 50%;
        }
    </style>
</head>
<body>
    <h1>Zombie Game</h1>
    <div id="game-container">
        <img id="player" src="player.png" width="50" height="50">
        <img id="zombie" src="zombie.png" width="50" height="50">
    </div>

var gameContainer = document.getElementById("game-container");
        var containerWidth = gameContainer.offsetWidth;

var playerPosition = containerWidth / 2;
        var zombiePosition = 10;

player.style.left = `${playerPosition}px`;

function checkCollision() {
            var playerRect = player.getBoundingClientRect();
            var zombieRect = zombie.getBoundingClientRect();

if (
                playerRect.bottom >= zombieRect.top &&
                playerRect.right >= zombieRect.left &&
                playerRect.left <= zombieRect.right
            ) {
                alert("Game Over!");
                window.location.reload(); // Refresh the page to start again
            }
        }

document.addEventListener("keydown", movePlayer);

setInterval(function() {
            zombiePosition += 5;
            if (zombiePosition > containerWidth) {
                zombiePosition = 0;
            }
            zombie.style.left = `${zombiePosition}px`;

checkCollision();
        }, 30);
    </script>
</body>
</html>
```

To get this to work, you would need to replace the `player.png` and `zombie.png` with your own image files representing the player and the zombie, respectively. Also, make sure that the file paths are correct.

In this game, the player can move left and right using the left and right arrow keys. The objective is to avoid collision with the moving zombie. If a collision occurs, an alert will be shown saying "Game Over!" and the page will be refreshed to start again.

Please note that this is a very basic implementation of a zombie game and can be further enhanced with additional features, levels, scoring, etc.