ストーリー重視のオープンワールドRPG でエンディングが複数個ある's game

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

No:12767

←

Prev Next

→

ストーリー重視のオープンワールドRPG でエンディングが複数個ある
Developer User4403｜Date and time 23/8/22 23:58:33
Build time 38.932 sec｜Game capacity 6.012KB｜

Script

了解しました。以下に、ストーリー重視のオープンワールドRPGを実装した例を示します。

このプログラムは、ストーリーが進むにつれてプレイヤーが選択肢を選びながら冒険を進めることができます。各シーンにはテキストと選択肢があり、選択肢を選ぶことで次のシーンに進むことができます。エンディングは複数種類あり、プレイヤーの選択によって変化します。このプログラムは1枚のHTMLファイルで実装されており、JavaScriptは必ずscriptタグで囲まれています。ゲームは実行開始され、スマホ操作に対応しています。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解しました。以下に、ストーリー重視のオープンワールドRPGを実装した例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>Open World RPG</title>
</head>
<body>
    <div id="game-container"></div>

// ゲームのシーンとエンディングの定義
        const scenes = [
            {
                id: 1,
                text: "ある日、冒険者としての旅を始めることになった。\n冒険者ギルドに向かう途中、橋の下に妖精が現れた。",
                options: [
                    { text: "妖精に話しかける", nextScene: 2 },
                    { text: "妖精を無視して続く", nextScene: 3 }
                ]
            },
            {
                id: 2,
                text: "妖精はあなたに特別な力を与えることを提案した。\n特別な力を使ってみますか？",
                options: [
                    { text: "特別な力を使ってみる", nextScene: 4 },
                    { text: "特別な力は必要ない", nextScene: 3 }
                ]
            },
            {
                id: 3,
                text: "橋を渡りきった。\nギルドに到着し、ギルドのリーダーから冒険の指令を受けた。",
                options: [
                    { text: "指令を受ける", nextScene: 5 },
                    { text: "指令は受けない", nextScene: 6 }
                ]
            },
            {
                id: 4,
                text: "特別な力を使ったおかげで、あなたの冒険は非常にスムーズに進んだ。\n大勢の人々に感謝され、名声を得た。",
                options: [],
                ending: "good"
            },
            {
                id: 5,
                text: "指令は非常に危険なものだった。\n無事に任務を達成することができるか心配だが、前進するしかない。",
                options: [
                    { text: "任務を進める", nextScene: 7 },
                    { text: "任務を放棄する", nextScene: 6 }
                ]
            },
            {
                id: 6,
                text: "冒険を放棄し、町に戻った。\n人々からは冒険者としての信用を失った。",
                options: [],
                ending: "bad"
            },
            {
                id: 7,
                text: "任務を順調に進め、ついに目的地に到着した。\nしかし、待ち受けていたのは強力な敵だった。",
                options: [
                    { text: "戦闘に挑む", nextScene: 8 },
                    { text: "戦闘を回避する", nextScene: 9 }
                ]
            },
            {
                id: 8,
                text: "激しい戦闘の末、敵を倒すことに成功した。\n英雄として町に凱旋し、称えられた。",
                options: [],
                ending: "good"
            },
            {
                id: 9,
                text: "戦闘から逃れようとしたが、敵の罠にはまり、命を落とした。\n冒険は失敗に終わった。",
                options: [],
                ending: "bad"
            }
        ];

// プレイヤーの選択肢を表示する関数
        function showOptions() {
            const gameContainer = document.getElementById("game-container");
            const currentScene = scenes.find(scene => scene.id === gameState.scene);

gameContainer.innerHTML = "";

currentScene.options.forEach(option => {
                const button = document.createElement("button");
                button.textContent = option.text;
                button.onclick = () => {
                    gameState.scene = option.nextScene;
                    showScene();
                };

gameContainer.appendChild(button);
            });
        }

// ゲームのシーンを表示する関数
        function showScene() {
            const gameContainer = document.getElementById("game-container");
            const currentScene = scenes.find(scene => scene.id === gameState.scene);

gameContainer.textContent = currentScene.text;

if (currentScene.ending) {
                gameState.ending = currentScene.ending;
                showEnding();
            } else {
                showOptions();
            }
        }

// ゲームのエンディングを表示する関数
        function showEnding() {
            const gameContainer = document.getElementById("game-container");
            const message = document.createElement("p");

if (gameState.ending === "good") {
                message.textContent = "ハッピーエンド！";
            } else if (gameState.ending === "bad") {
                message.textContent = "バッドエンド...";
            }

gameContainer.textContent = "";
            gameContainer.appendChild(message);
        }

// ゲームを開始する
        function startGame() {
            showScene();
        }

// ゲームを実行する
        startGame();
    </script>
</body>
</html>
```

このプログラムは、ストーリーが進むにつれてプレイヤーが選択肢を選びながら冒険を進めることができます。各シーンにはテキストと選択肢があり、選択肢を選ぶことで次のシーンに進むことができます。エンディングは複数種類あり、プレイヤーの選択によって変化します。

このプログラムは1枚のHTMLファイルで実装されており、JavaScriptは必ずscriptタグで囲まれています。ゲームは実行開始され、スマホ操作に対応しています。