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

No:12778

145

←

Prev Next

→

ストーリー重視の選択肢式RPG
Developer User4403｜Date and time 23/8/23 0:06:01
Build time 19.863 sec｜Game capacity 3.413KB｜

Script

了解しました。以下、ストーリー重視の選択肢式RPGの実装例です。

選択肢式RPG

ある日、冒険者のあなたは魔王城に向かう途中で迷子になってしまいました。どうしますか？

このプログラムでは、最初に「ある日、冒険者のあなたは魔王城に向かう途中で迷子になってしまいました。どうしますか？」というストーリーが表示されます。その後、左に進むか右に進むかの2つの選択肢が表示されます。「左に進む」を選択すると、また新たなストーリーが表示されます。このように、選択肢に応じてストーリーが展開されていきます。最終的に、冒険成功や冒険失敗などの結果が表示され、プレイヤーはもう一度プレイするかを選ぶことができます。

←

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>
</head>
<body>
    <h1>選択肢式RPG</h1>
    <p id="story">ある日、冒険者のあなたは魔王城に向かう途中で迷子になってしまいました。どうしますか？</p>
    <button onclick="choice1()">左に進む</button>
    <button onclick="choice2()">右に進む</button>

function choice2() {
            document.getElementById("story").innerText = "右に進むと、川にたどり着きました。どうしますか？";
            document.getElementById("story").innerHTML += "<br><button onclick=\"choice5()\">川を渡る</button>";
            document.getElementById("story").innerHTML += "<button onclick=\"choice6()\">川を避ける</button>";
        }

function choice3() {
            document.getElementById("story").innerText = "森の中で不思議な宝箱を見つけました。どうしますか？";
            document.getElementById("story").innerHTML += "<br><button onclick=\"end('宝箱を開けると、大量のゴールドが現れました！冒険は成功しました。')\">宝箱を開ける</button>";
            document.getElementById("story").innerHTML += "<button onclick=\"end('宝箱には罠が仕掛けられていました！冒険は失敗しました。')\">宝箱を無視する</button>";
        }

function choice4() {
            end("森を抜けて無事に魔王城に到着しましたが、魔王に敗北しました。冒険は失敗しました。");
        }

function choice5() {
            document.getElementById("story").innerText = "川を渡ろうとして溺れてしまいました。冒険は失敗しました。";
        }

function choice6() {
            end("川を避けて無事に魔王城に到着しました。魔王との戦いに勝利しました！冒険は成功しました。");
        }

function end(result) {
            document.getElementById("story").innerText = result;
            document.getElementById("story").innerHTML += "<br><button onclick=\"location.reload()\">もう一度プレイする</button>";
        }
    </script>
</body>
</html>
```

このプログラムでは、最初に「ある日、冒険者のあなたは魔王城に向かう途中で迷子になってしまいました。どうしますか？」というストーリーが表示されます。その後、左に進むか右に進むかの2つの選択肢が表示されます。

「左に進む」を選択すると、また新たなストーリーが表示されます。このように、選択肢に応じてストーリーが展開されていきます。最終的に、冒険成功や冒険失敗などの結果が表示され、プレイヤーはもう一度プレイするかを選ぶことができます。