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

No:12758

104

←

Prev Next

→

ストーリー重視のオープンワールドRPG
Developer User4403｜Date and time 23/8/22 23:45:35
Build time 36.973 sec｜Game capacity 6.204KB｜

Script

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

Open World RPG

このプログラムでは、ストーリーが進行するごとに画面上にテキストが表示され、プレイヤーが選択肢を選ぶことでストーリーが分岐していきます。プレイヤーの選択によって、ストーリーが進行し、戦闘や冒険などのイベントが発生するようになっています。また、プレイヤーの状態（名前、レベル、体力、経験値）も管理されています。以上が、ストーリー重視のオープンワールドRPGの実装例です。このプログラムを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 lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Open World RPG</title>
</head>
<body>
    <h1>Open World RPG</h1>
    <p id="story"></p>
    <button id="button1"></button>
    <button id="button2"></button>
    <button id="button3"></button>

this.player = {
                    name: 'プレイヤー',
                    level: 1,
                    hp: 100,
                    exp: 0
                };

this.currentScene = 0;
                this.initialize();
            }

initialize() {
                this.showStory('ある日、あなたは冒険者として世界を旅することになりました。');
                this.showOptions(['森に向かう', '山に向かう', '街に向かう']);
            }

showStory(text) {
                this.storyElement.textContent = text;
            }

showOptions(options) {
                this.button1.textContent = options[0];
                this.button2.textContent = options[1];
                this.button3.textContent = options[2];

this.button1.onclick = () => this.chooseOption(0);
                this.button2.onclick = () => this.chooseOption(1);
                this.button3.onclick = () => this.chooseOption(2);
            }

chooseOption(option) {
                switch (this.currentScene) {
                    case 0:
                        if (option === 0) {
                            this.showStory('森の中に入りました。');
                            this.currentScene = 1;
                            this.showOptions(['深く進む', '引き返す', '戦う']);
                        } else if (option === 1) {
                            this.showStory('山道を登り始めました。');
                            this.currentScene = 2;
                            this.showOptions(['山頂へ向かう', '下山する', '休憩する']);
                        } else if (option === 2) {
                            this.showStory('街に到着しました。');
                            this.currentScene = 3;
                            this.showOptions(['武器屋に行く', '宿屋に泊まる', '冒険を再開する']);
                        }
                        break;
                    case 1:
                        if (option === 0) {
                            this.showStory('森の奥深くに進んで行きます。');
                            this.currentScene = 4;
                            this.showOptions(['スライムと戦う', '宝箱を開ける', '引き返す']);
                        } else if (option === 1) {
                            this.showStory('森を後にしました。');
                            this.currentScene = 0;
                            this.showOptions(['森に向かう', '山に向かう', '街に向かう']);
                        } else if (option === 2) {
                            this.showStory('スライムが現れました！');
                            this.currentScene = 5;
                            this.showOptions(['戦う', '逃げる', '助けを求める']);
                        }
                        break;
                    case 2:
                        if (option === 0) {
                            this.showStory('山頂に到着しました。');
                            this.currentScene = 6;
                            this.showOptions(['ドラゴンと戦う', '景色を楽しむ', '下山する']);
                        } else if (option === 1) {
                            this.showStory('山から下山しました。');
                            this.currentScene = 0;
                            this.showOptions(['森に向かう', '山に向かう', '街に向かう']);
                        } else if (option === 2) {
                            this.showStory('休憩して体力を回復します。');
                            this.player.hp += 20;
                            this.currentScene = 7;
                            this.showOptions(['山頂へ向かう', '下山する', '休憩する']);
                        }
                        break;
                    case 3:
                        // 街のシーン
                        break;
                    case 4:
                        // 森の奥深くのシーン
                        break;
                    case 5:
                        // スライムとの戦闘のシーン
                        break;
                    case 6:
                        // ドラゴンとの戦闘のシーン
                        break;
                    case 7:
                        // 休憩のシーン
                        break;
                }
            }
        }

// ゲームを開始する
        const game = new Game();
    </script>
</body>
</html>
```

以上が、ストーリー重視のオープンワールドRPGの実装例です。このプログラムをHTMLファイルとして実装し、JavaScriptを含むscriptタグで囲んでください。