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

No:12764

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

Script

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

オープンワールドRPG

あなたは冒険者として旅立ちました。

どうする？

このHTMLファイルでは、「オープンワールドRPG」というタイトルが表示され、ストーリーが進行して選択肢を選んでいくことでエンディングが異なる結果になります。プレーヤーがボタンをクリックすることでJavaScriptの関数が実行され、ストーリーが進行していきます。エンディングに到達するとプレイヤーは選択肢に従って結果が表示され、もう一度プレイすることができます。このようなストーリー重視のオープンワールドRPGでは、プレイヤーの選択によって結末が変わることが特徴です。

←

Prev　Next

→ 　

Back　

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

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>オープンワールドRPG</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #story {
            font-size: 24px;
        }
    </style>
</head>
<body>
    <h1>オープンワールドRPG</h1>
    <div id="story">
        <p id="message">あなたは冒険者として旅立ちました。</p>
        <p id="choice">どうする？</p>
        <button onclick="continueStory(1)">1. 森へ向かう</button>
        <button onclick="continueStory(2)">2. 山へ向かう</button>
    </div>

if (choice === 1) {
                message.textContent = "あなたは森に入りました。";
                choiceDiv.innerHTML = "<button onclick='continueStory(3)'>1. 道を探す</button><button onclick='continueStory(4)'>2. 勇者と戦う</button>";
            } else if (choice === 2) {
                message.textContent = "あなたは山に登りました。";
                choiceDiv.innerHTML = "<button onclick='continueStory(5)'>1. 魔法の水晶を探す</button><button onclick='continueStory(6)'>2. ドラゴンと戦う</button>";
            } else if (choice === 3) {
                message.textContent = "道を探している最中、宝箱を見つけました。";
                choiceDiv.innerHTML = "<button onclick='continueStory(7)'>1. 宝箱を開ける</button><button onclick='continueStory(8)'>2. そのまま森を進む</button>";
            } else if (choice === 4) {
                message.textContent = "勇者との激しい戦いの末、あなたは勝利しました。";
                choiceDiv.innerHTML = "<button onclick='endStory(1)'>1. エンディング1</button><button onclick='endStory(2)'>2. エンディング2</button>";
            } else if (choice === 5) {
                message.textContent = "魔法の水晶は見つかりませんでした。";
                choiceDiv.innerHTML = "<button onclick='continueStory(9)'>1. 続ける</button>";
            } else if (choice === 6) {
                message.textContent = "ドラゴンとの壮絶な戦いの末、あなたは勝利しました。";
                choiceDiv.innerHTML = "<button onclick='endStory(3)'>1. エンディング3</button><button onclick='endStory(4)'>2. エンディング4</button>";
            } else if (choice === 7) {
                message.textContent = "宝箱からは貴重な宝石が出てきました。";
                choiceDiv.innerHTML = "<button onclick='endStory(5)'>1. エンディング5</button>";
            } else if (choice === 8) {
                message.textContent = "森を進む途中で大量のモンスターに襲われましたが、奇跡的に生き残りました。";
                choiceDiv.innerHTML = "<button onclick='endStory(6)'>1. エンディング6</button>";
            } else if (choice === 9) {
                message.textContent = "あなたは新たな冒険に旅立ちます。";
                choiceDiv.innerHTML = "<button onclick='endStory(7)'>1. エンディング7</button>";
            }
        }

function endStory(ending) {
            var message = document.getElementById("message");
            var choiceDiv = document.getElementById("choice");

if (ending === 1) {
                message.textContent = "エンディング1: 勇者として栄光を手に入れた！";
            } else if (ending === 2) {
                message.textContent = "エンディング2: 王国に平和をもたらした！";
            } else if (ending === 3) {
                message.textContent = "エンディング3: ドラゴンを倒して英雄になった！";
            } else if (ending === 4) {
                message.textContent = "エンディング4: 龍を倒し伝説となった！";
            } else if (ending === 5) {
                message.textContent = "エンディング5: 財宝を手に入れて富豪になった！";
            } else if (ending === 6) {
                message.textContent = "エンディング6: 追い詰められながらも生き抜いた！";
            } else if (ending === 7) {
                message.textContent = "エンディング7: 新たな冒険に向かう！";
            }

choiceDiv.innerHTML = "<button onclick='location.reload()'>もう一度プレイする</button>";
        }
    </script>
</body>
</html>
```

このようなストーリー重視のオープンワールドRPGでは、プレイヤーの選択によって結末が変わることが特徴です。