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

No:24958

91

Zombie survival game
Developer User12039｜Date and time 23/11/15 4:39:11
Build time 148.574 sec｜Game capacity 5.62KB｜

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

Zombie Survival Game

You are trapped in a city infested with zombies. Your goal is to survive and find a way to escape.

What do you want to do?

In this game, the player is presented with three options: Explore, Fight, or Run. The player's and zombie's health bars are displayed at the bottom, and the message section is used to provide feedback on the player's actions. When the player clicks on the Explore button, there's a chance of finding a weapon to fight the zombie. If the player finds a weapon, the Fight button becomes visible. If not, a message is shown indicating that nothing was found. If the player clicks on the Fight button, a random attack damage is calculated for the player and the zombie. The player and zombie health bars are updated accordingly. The game checks if either the player or the zombie's health reaches zero, determining the winner or loser. If the player clicks on the Run button, there's a chance of successfully escaping. If the escape attempt fails, the zombie attacks the player, and the health bars are updated. Again, the game checks if either the player or the zombie's health reaches zero, determining the winner or loser. This is a simple example, and you can expand it further by adding more features, levels, zombies, and strategies for the player to survive.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Zombie Survival Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #game-screen {
            font-size: 30px;
            margin-top: 100px;
        }
        #action-buttons {
            margin-top: 40px;
        }
        .button {
            display: inline-block;
            padding: 10px 20px;
            background-color: #4CAF50;
            color: white;
            text-align: center;
            text-decoration: none;
            font-size: 20px;
            margin: 10px 5px;
            cursor: pointer;
            border-radius: 5px;
        }
        #message {
            font-size: 25px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div id="game-screen">
        <h1>Zombie Survival Game</h1>
        <p>You are trapped in a city infested with zombies. Your goal is to survive and find a way to escape.</p>
        <p>What do you want to do?</p>
        <div id="action-buttons">
            <button class="button" id="explore-button">Explore</button>
            <button class="button" id="fight-button">Fight</button>
            <button class="button" id="run-button">Run</button>
        </div>
        <p id="message"></p>
    </div>

<script>
        // Game logic
        var playerHealth = 100;
        var zombieHealth = 50;

function generateRandomNumber(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

function updateHealthBars() {
            document.getElementById("message").innerHTML = "Player Health: " + playerHealth + " | Zombie Health: " + zombieHealth;
        }

function playerWins() {
            document.getElementById("message").innerHTML = "Congratulations! You killed the zombie and escaped.";
            document.getElementById("action-buttons").style.display = "none";
        }

function playerLoses() {
            document.getElementById("message").innerHTML = "Game Over! The zombie got you.";
            document.getElementById("action-buttons").style.display = "none";
        }

function explore() {
            var randomNumber = generateRandomNumber(1, 10);
            if (randomNumber <= 5) {
                document.getElementById("message").innerHTML = "You found a weapon! You can now fight.";
                document.getElementById("fight-button").style.display = "inline-block";
                document.getElementById("explore-button").style.display = "none";
            } else {
                document.getElementById("message").innerHTML = "You didn't find anything.";
            }
        }

function fight() {
            var playerAttack = generateRandomNumber(1, 20);
            var zombieAttack = generateRandomNumber(1, 10);

playerHealth -= zombieAttack;
            zombieHealth -= playerAttack;

updateHealthBars();

if (playerHealth <= 0) {
                playerLoses();
            } else if (zombieHealth <= 0) {
                playerWins();
            }
        }

function run() {
            var randomNumber = generateRandomNumber(1, 10);
            if (randomNumber <= 3) {
                document.getElementById("message").innerHTML = "You managed to escape!";
                document.getElementById("run-button").style.display = "none";
                document.getElementById("explore-button").style.display = "none";
                document.getElementById("fight-button").style.display = "none";
            } else {
                document.getElementById("message").innerHTML = "You failed to escape. The zombie attacks!";
                zombieHealth -= generateRandomNumber(10, 20);
                updateHealthBars();

if (zombieHealth <= 0) {
                    playerWins();
                } else if (playerHealth <= 0) {
                    playerLoses();
                }
            }
        }

// Event listeners
        document.getElementById("explore-button").addEventListener("click", explore);
        document.getElementById("fight-button").addEventListener("click", fight);
        document.getElementById("run-button").addEventListener("click", run);
    </script>
</body>
</html>
```

In this game, the player is presented with three options: Explore, Fight, or Run. The player's and zombie's health bars are displayed at the bottom, and the message section is used to provide feedback on the player's actions.

When the player clicks on the Explore button, there's a chance of finding a weapon to fight the zombie. If the player finds a weapon, the Fight button becomes visible. If not, a message is shown indicating that nothing was found.

If the player clicks on the Fight button, a random attack damage is calculated for the player and the zombie. The player and zombie health bars are updated accordingly. The game checks if either the player or the zombie's health reaches zero, determining the winner or loser.

If the player clicks on the Run button, there's a chance of successfully escaping. If the escape attempt fails, the zombie attacks the player, and the health bars are updated. Again, the game checks if either the player or the zombie's health reaches zero, determining the winner or loser.

This is a simple example, and you can expand it further by adding more features, levels, zombies, and strategies for the player to survive.