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

No:24807

Horror game about world war 1
Developer User11881｜Date and time 23/11/12 12:03:37
Build time 86.061 sec｜Game capacity 4.91KB｜

Script

Sure, here's a simple horror game about World War 1 implemented in a single HTML file using JavaScript. Please note that this is a simplified example and the game mechanics can be further enhanced according to your requirements.

World War 1 Horror Game

In this game, when you click the "Start" button, you wake up in the trenches and need to choose between going left or right. Each choice leads to different outcomes with accompanying pictograms. Your goal is to navigate the horrors and survive the war. Please note that you would need to replace the image filenames in the code (e.g., "emozi_himawari.png", "emozi_cat.png", etc.) with your own image files representing the different scenes and choices in the game. Feel free to enhance and modify the game according to your preferences, adding more choices, branching paths, and additional features as desired.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>World War 1 Horror Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 100px;
        }
        
        img {
            width: 200px;
        }
    </style>
</head>
<body>
    <h1>World War 1 Horror Game</h1>
    <div id="gameContainer">
        <img id="startButton" src="start.png" alt="Start Button" onclick="startGame()">
    </div>
    
    <script>
        function startGame() {
            document.getElementById('gameContainer').innerHTML = `
                <h2>You wake up in the trenches.</h2>
                <img src="trench.png" alt="Trench">
                <p>Choose your path:</p>
                <button onclick="goLeft()">Go Left</button>
                <button onclick="goRight()">Go Right</button>
            `;
        }
        
        function goLeft() {
            document.getElementById('gameContainer').innerHTML = `
                <h2>You encounter an eerie noise.</h2>
                <img src="noise.png" alt="Eerie Noise">
                <p>What do you do?</p>
                <button onclick="investigateNoise()">Investigate</button>
                <button onclick="continueLeft()">Continue Left</button>
            `;
        }
        
        function goRight() {
            document.getElementById('gameContainer').innerHTML = `
                <h2>You find an old abandoned bunker.</h2>
                <img src="bunker.png" alt="Abandoned Bunker">
                <p>What do you do?</p>
                <button onclick="enterBunker()">Enter Bunker</button>
                <button onclick="continueRight()">Continue Right</button>
            `;
        }
        
        function investigateNoise() {
            document.getElementById('gameContainer').innerHTML = `
                <h2>It's a ghost of a fallen soldier!</h2>
                <img src="ghost.png" alt="Ghost">
                <p>You have been haunted. Game over.</p>
                <button onclick="restartGame()">Restart</button>
            `;
        }
        
        function continueLeft() {
            document.getElementById('gameContainer').innerHTML = `
                <h2>You see an enemy approaching.</h2>
                <img src="enemy.png" alt="Enemy Soldier">
                <p>What do you do?</p>
                <button onclick="fightEnemy()">Fight</button>
                <button onclick="flee()">Flee</button>
            `;
        }
        
        function enterBunker() {
            document.getElementById('gameContainer').innerHTML = `
                <h2>The bunker is cursed!</h2>
                <img src="curse.png" alt="Cursed Bunker">
                <p>You have fallen victim to the curse. Game over.</p>
                <button onclick="restartGame()">Restart</button>
            `;
        }
        
        function continueRight() {
            document.getElementById('gameContainer').innerHTML = `
                <h2>You find supplies.</h2>
                <img src="supplies.png" alt="Supplies">
                <p>You survive and win the game!</p>
                <button onclick="restartGame()">Restart</button>
            `;
        }
        
        function fightEnemy() {
            document.getElementById('gameContainer').innerHTML = `
                <h2>You fought bravely!</h2>
                <img src="win.png" alt="Victory">
                <p>You defeat the enemy and win the game!</p>
                <button onclick="restartGame()">Restart</button>
            `;
        }
        
        function flee() {
            document.getElementById('gameContainer').innerHTML = `
                <h2>You try to escape but fail.</h2>
                <img src="fail.png" alt="Failed Escape">
                <p>You failed to escape. Game over.</p>
                <button onclick="restartGame()">Restart</button>
            `;
        }
        
        function restartGame() {
            location.reload();
        }
    </script>
</body>
</html>
```

Please note that you would need to replace the image filenames in the code (e.g., "start.png", "trench.png", etc.) with your own image files representing the different scenes and choices in the game.

Feel free to enhance and modify the game according to your preferences, adding more choices, branching paths, and additional features as desired.