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

No:37329

←

Prev Next

→

Buy a zombie apocalypse
Developer User17003｜Date and time 24/1/21 1:20:01
Build time 9.749 sec｜Game capacity 3.005KB｜

Script

Zombie Apocalypse!

Defend yourself from the attacking zombies!

Tap the screen to shoot.

Score: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Zombie Apocalypse</title>
    <style>
        html, body {
            height: 100%;
            margin: 0;
            padding: 0;
            background-color: #222;
            font-family: Arial, sans-serif;
        }

#game-container {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
        }

#game {
            width: 300px;
            height: 300px;
            background-color: #ccc;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        }

#start-btn {
            padding: 10px 20px;
            background-color: #47a1ff;
            color: #fff;
            border: none;
            font-size: 16px;
            cursor: pointer;
            border-radius: 3px;
        }

#score {
            margin-top: 20px;
            font-size: 24px;
            color: #47a1ff;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="game">
            <h1>Zombie Apocalypse!</h1>
            <p>Defend yourself from the attacking zombies!</p>
            <p>Tap the screen to shoot.</p>
            <button id="start-btn">Start Game</button>
            <p id="score">Score: 0</p>
        </div>
    </div>

document.getElementById("start-btn").addEventListener("click", startGame);

function startGame() {
            gameStarted = true;
            document.getElementById("start-btn").setAttribute("disabled", "true");
            document.getElementById("start-btn").textContent = "Game in Progress";

document.addEventListener("click", shoot);
            setInterval(spawnZombie, 1000);
        }

function shoot() {
            if (gameStarted) {
                score++;
                document.getElementById("score").textContent = "Score: " + score;
            }
        }

function spawnZombie() {
            if (gameStarted) {
                var zombie = document.createElement("img");
                zombie.src = "zombie.png";
                zombie.style.position = "absolute";
                zombie.style.width = "50px";
                zombie.style.height = "auto";

var randomX = Math.floor(Math.random() * (document.body.clientWidth - 50));
                var randomY = Math.floor(Math.random() * (document.body.clientHeight - 50));

zombie.style.left = randomX + "px";
                zombie.style.top = randomY + "px";

document.body.appendChild(zombie);

setTimeout(function() {
                    document.body.removeChild(zombie);
                }, 3000);
            }
        }
    </script>
</body>
</html>