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

No:16582

107

←

Prev Next

→

Find keys unlock door and a zombie shooter
Developer User7380｜Date and time 23/9/19 16:21:20
Build time 29.273 sec｜Game capacity 3.373KB｜

Script

Sure! Here's an example of a simple game written in a single HTML file using JavaScript, featuring finding keys to unlock a door and a zombie shooter.

Zombie Escape

Locked Door

🤺

In this game, the player's objective is to find three keys to unlock the door by clicking on it. Once all three keys are found, the door will change color to indicate it is unlocked. Additionally, there are three zombies represented by pictograms that can be "shot" by clicking the player pictogram. The number of zombies remaining is displayed below the player.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple game written in a single HTML file using JavaScript, featuring finding keys to unlock a door and a zombie shooter.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Zombie Escape</title>
    <style>
        /* CSS styles for the game */
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            background-color: #222;
            color: #FFF;
        }
        
        #game-container {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 500px;
        }
        
        #door {
            width: 200px;
            height: 300px;
            background-color: #00FF00;
            margin: 10px;
            line-height: 300px;
            font-size: 24px;
            cursor: pointer;
        }
        
        #player {
            font-size: 48px;
        }
        
        #zombies {
            display: flex;
            justify-content: center;
        }
        
        .zombie {
            font-size: 48px;
            margin: 10px;
        }
    </style>
</head>
<body>
    
    <h1>Zombie Escape</h1>
    
    <div id="game-container">
        <div id="door">Locked Door</div>
    </div>
    
    <div id="player">🤺</div>
    
    <div id="zombies">
        
    </div>
    
    <script>
        // JavaScript game logic
        document.addEventListener("DOMContentLoaded", function() {
            // Variables
            var keysFound = 0;
            var zombiesCount = 3;
            
            // Functions
            function updateGame() {
                var door = document.getElementById("door");
                if (keysFound >= 3) {
                    door.innerText = "Unlocked Door";
                    door.style.backgroundColor = "#FF0000";
                    door.removeEventListener("click", unlockDoor);
                }
            }
            
            function unlockDoor() {
                keysFound++;
                updateGame();
            }
            
            function shootZombie() {
                if (zombiesCount > 0) {
                    zombiesCount--;
                    updateZombies();
                }
            }
            
            function updateZombies() {
                var zombiesDiv = document.getElementById("zombies");
                zombiesDiv.innerHTML = "";
                for (var i = 0; i < zombiesCount; i++) {
                    zombiesDiv.innerHTML += '<div class="zombie">🧟</div>';
                }
            }
            
            // Event listeners
            document.getElementById("door").addEventListener("click", unlockDoor);
            document.getElementById("player").addEventListener("click", shootZombie);
            
            // Initial game setup
            updateGame();
            updateZombies();
        });
    </script>
</body>
</html>
```