Backroomsを探索するゲーム's game

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

No:28300

132

←

Prev Next

→

Backroomsを探索するゲーム
Developer User12383｜Date and time 23/12/11 21:44:12
Build time 32.889 sec｜Game capacity 3.467KB｜

Script

了解です。下記にBackroomsを探索するゲームのコードを示します。

このゲームでは、プレイヤーはセーフルームから始まり、次々と部屋を進んでいきます。各部屋にはメッセージと選択肢が用意されており、プレイヤーは選択肢をクリックすることで次の部屋に進むかどうかを判断します。最終的に出口を見つけるか、危険な状況に陥ることでゲームが終了します。このコードをHTMLファイルに保存し、ブラウザで開くと実際に遊ぶことができます。スマートフォンのブラウザを使用して操作することもできます。

←

Prev　Next

→ 　

Back　

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

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

了解です。下記にBackroomsを探索するゲームのコードを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Backrooms探索ゲーム</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        #container {
            margin-top: 150px;
        }
        #message {
            font-size: 20px;
            margin-bottom: 20px;
            color: #333333;
        }
        #options {
            display: flex;
            flex-flow: row wrap;
            justify-content: center;
        }
        .option {
            margin: 10px;
            padding: 8px 16px;
            background-color: #4CAF50;
            color: white;
            cursor: pointer;
            border: none;
            border-radius: 4px;
        }
    </style>
</head>
<body>
    <div id="container">
        <div id="message"></div>
        <div id="options"></div>
    </div>

var currentRoom = 0;

function showMessage(message) {
            document.getElementById("message").textContent = message;
        }

function showOptions(options) {
            var optionsDiv = document.getElementById("options");
            optionsDiv.innerHTML = "";

for (var i = 0; i < options.length; i++) {
                var optionButton = document.createElement("button");
                optionButton.className = "option";
                optionButton.textContent = options[i];
                optionButton.addEventListener("click", chooseOption.bind(null, i));
                optionsDiv.appendChild(optionButton);
            }
        }

function chooseOption(index) {
            currentRoom = index;
            showRoom();
        }

function showRoom() {
            showMessage(rooms[currentRoom].message);
            showOptions(rooms[currentRoom].options);

if (currentRoom === 3 || currentRoom === 4) {
                // ゲームオーバーまたはクリアの場合、ゲームをリセットする
                currentRoom = 0;
            }
        }

showRoom();
    </script>
</body>
</html>
```

このゲームでは、プレイヤーはセーフルームから始まり、次々と部屋を進んでいきます。各部屋にはメッセージと選択肢が用意されており、プレイヤーは選択肢をクリックすることで次の部屋に進むかどうかを判断します。最終的に出口を見つけるか、危険な状況に陥ることでゲームが終了します。

このコードをHTMLファイルに保存し、ブラウザで開くと実際に遊ぶことができます。スマートフォンのブラウザを使用して操作することもできます。