Horror game to escape from a school at night's game

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

No:10387

100

←

Prev Next

→

Horror game to escape from a school at night
Developer User4553｜Date and time 23/7/31 2:54:47
Build time 35.562 sec｜Game capacity 4.607KB｜

Script

夜の学校から脱出するホラーゲーム

真っ暗な学校の廊下に閉じ込められました。脱出するためには適切な選択肢を選ぶ必要があります。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
<title>夜の学校から脱出するホラーゲーム</title>
<style>
    body {
        background-color: black;
        color: white;
        font-family: Arial, sans-serif;
        text-align: center;
    }
    
    #title {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    
    #description {
        margin-bottom: 20px;
    }
    
    #game {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 50px;
    }
    
    #message {
        margin: 20px 0;
        font-weight: bold;
    }
    
    #buttons {
        display: flex;
        justify-content: center;
    }
    
    #button {
        font-size: 18px;
        padding: 10px 20px;
        margin: 0 10px;
        background-color: white;
        color: black;
        border: none;
        cursor: pointer;
    }
    
    #button:hover {
        background-color: #ddd;
    }
    
    #button:disabled {
        background-color: gray;
        cursor: not-allowed;
    }
</style>
</head>
<body>
    <div id="title">夜の学校から脱出するホラーゲーム</div>
    <div id="description">真っ暗な学校の廊下に閉じ込められました。脱出するためには適切な選択肢を選ぶ必要があります。</div>
    <div id="game">
        <div id="message"></div>
        <div id="buttons">
            <button id="button1">選択肢1</button>
            <button id="button2">選択肢2</button>
        </div>
    </div>
    
    <script>
        // ゲームの状態を管理する変数
        let gameState = {
            message: "真っ暗な廊下に立っています。",
            choices: [
                {
                    text: "左へ進む",
                    nextMessage: "左の廊下に入りました。",
                    nextChoiceIndex: 1
                },
                {
                    text: "右へ進む",
                    nextMessage: "右の廊下に入りました。",
                    nextChoiceIndex: 0
                }
            ],
            gameOver: false
        };
        
        // ゲームメッセージと選択肢を更新する関数
        function updateGame() {
            const messageElement = document.getElementById("message");
            const button1 = document.getElementById("button1");
            const button2 = document.getElementById("button2");
            
            messageElement.textContent = gameState.message;
            
            if (!gameState.gameOver) {
                button1.textContent = gameState.choices[0].text;
                button2.textContent = gameState.choices[1].text;
                button1.disabled = false;
                button2.disabled = false;
            } else {
                button1.textContent = "ゲームオーバー";
                button2.style.display = "none";
                button1.disabled = true;
                button2.disabled = true;
            }
        }
        
        // 選択肢1のハンドラ
        function choice1() {
            if (!gameState.gameOver) {
                gameState.message = gameState.choices[0].nextMessage;
                gameState.choices = gameState.choices[0].nextChoiceIndex === 0 ? 
                                     [gameState.choices[1], gameState.choices[0]] : 
                                     [gameState.choices[0], gameState.choices[1]];
                gameState.gameOver = (Math.random() < 0.3); // 30%の確率でゲームオーバー
                updateGame();
            }
        }
        
        // 選択肢2のハンドラ
        function choice2() {
            if (!gameState.gameOver) {
                gameState.message = gameState.choices[1].nextMessage;
                gameState.choices = gameState.choices[1].nextChoiceIndex === 0 ? 
                                     [gameState.choices[1], gameState.choices[0]] : 
                                     [gameState.choices[0], gameState.choices[1]];
                gameState.gameOver = (Math.random() < 0.3); // 30%の確率でゲームオーバー
                updateGame();
            }
        }
        
        // ボタンにイベントリスナーを追加
        const button1 = document.getElementById("button1");
        button1.addEventListener("click", choice1);
        
        const button2 = document.getElementById("button2");
        button2.addEventListener("click", choice2);
        
        // ゲームの初期化
        updateGame();
    </script>
</body>
</html>