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

No:39237

Survive zombies for 60 seconds to win
Developer User17554｜Date and time 24/1/27 9:59:44
Build time 10.489 sec｜Game capacity 3.378KB｜

Script

Sure! Here's a simple HTML game called "Zombie Survival Challenge" where the player needs to survive against zombies for 60 seconds to win. The game uses pictograms and is optimized for smartphone operation. The game will start immediately when the HTML file is opened.

Zombie Survival Challenge

Survive for 60 seconds to win!

In this game, you need to avoid the zombie by moving away from it. If the player collides with the zombie, it's game over. The game will run for exactly 60 seconds, and if you manage to survive without getting caught, you win! To implement the game, save the code above in a file with a ".html" extension. Make sure to have two image files named "emozi_all/game.png" and "emozi_all/zombie.png" in the same directory as the HTML file.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Zombie Survival Challenge</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }

#game-container {
            margin-top: 100px;
        }

img {
            width: 100px;
            height: 100px;
        }

#timer {
            font-size: 24px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Zombie Survival Challenge</h1>
    <div id="game-container">
        <img id="player" src="player.png" alt="Player">
        <img id="zombie" src="zombie.png" alt="Zombie">
    </div>
    <p id="timer">Survive for 60 seconds to win!</p>

// Function to move the zombie randomly on the screen
        function moveZombie() {
            var randomX = Math.floor(Math.random() * window.innerWidth);
            var randomY = Math.floor(Math.random() * window.innerHeight);

zombie.style.left = randomX + 'px';
            zombie.style.top = randomY + 'px';
        }

// Function to check if the player is touching the zombie
        function checkCollision() {
            var playerRect = player.getBoundingClientRect();
            var zombieRect = zombie.getBoundingClientRect();

if (
                playerRect.left < zombieRect.right &&
                playerRect.right > zombieRect.left &&
                playerRect.top < zombieRect.bottom &&
                playerRect.bottom > zombieRect.top
            ) {
                gameOver();
            }
        }

// Function to update the game timer
        function updateTimer() {
            if (timer >= 0) {
                document.getElementById('timer').innerText = 'Time left: ' + timer + 's';
                timer--;
            } else {
                clearInterval(gameInterval);
                document.getElementById('timer').innerText = 'You survived! You win!';
            }
        }

// Function to handle game over
        function gameOver() {
            clearInterval(gameInterval);
            document.getElementById('timer').innerText = 'Game Over! You were caught by zombies.';
        }

// Start the game
        gameInterval = setInterval(function () {
            moveZombie();
            checkCollision();
        }, 1000); // Moves the zombie every second

setInterval(updateTimer, 1000); // Updates the timer every second
    </script>
</body>
</html>
```

To implement the game, save the code above in a file with a ".html" extension. Make sure to have two image files named "player.png" and "zombie.png" in the same directory as the HTML file.