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

No:6029

903

←

Prev Next

→

Know your performance! Lets write lots of code onc..ALL
Developer User3589｜Date and time 23/7/1 14:32:09
Build time 34.509 sec｜Game capacity 4.267KB｜

Script

了解しました。以下にテキストベースの選択式アドベンチャーゲームのサンプルを示します。

選択式アドベンチャーゲーム

このゲームは、最初に表示されるストーリーのページに選択肢が3つあります。それぞれの選択肢をクリックすると、次のページに進みます。最終的には異なるエンディングにたどり着くことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

了解しました。以下にテキストベースの選択式アドベンチャーゲームのサンプルを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>選択式アドベンチャーゲーム</title>
</head>
<body>
    <h1>選択式アドベンチャーゲーム</h1>
    <p id="story"></p>
    <button id="option1"></button>
    <button id="option2"></button>
    <button id="option3"></button>

// ストーリーのオブジェクト
        let story = {
            "start": {
                "text": "ある日の朝、自宅を出ると目の前に古びた魔法の本があります。どうしますか？",
                "options": [
                    {
                        "text": "魔法の本を読む",
                        "next": "page1"
                    },
                    {
                        "text": "魔法の本を無視する",
                        "next": "page2"
                    }
                ]
            },
            "page1": {
                "text": "魔法の本を読むと、あなたは突然小さな妖精になり、森の中にいることに気付きます。どうしますか？",
                "options": [
                    {
                        "text": "森を進む",
                        "next": "end1"
                    },
                    {
                        "text": "本を閉じる",
                        "next": "start"
                    }
                ]
            },
            "page2": {
                "text": "魔法の本を無視して家を出ると、突然大雨が降り始めます。どうしますか？",
                "options": [
                    {
                        "text": "傘を使って雨に濡れないようにする",
                        "next": "end2"
                    },
                    {
                        "text": "雨に濡れながら進む",
                        "next": "end3"
                    }
                ]
            },
            "end1": {
                "text": "森の中で妖精としての新たな冒険が始まりました。おわり。",
                "options": []
            },
            "end2": {
                "text": "雨宿りをしながら家に戻りました。おわり。",
                "options": []
            },
            "end3": {
                "text": "雨に濡れながら進む途中、あなたはいきなり稲妻に打たれてしまいました…。おわり。",
                "options": []
            }
        };

// 現在のページを保存する変数
        let currentPage = "start";

// ページを更新する関数
        function updatePage() {
            let page = story[currentPage];
            storyElement.textContent = page.text;
            option1Element.textContent = page.options[0].text;
            option2Element.textContent = page.options[1].text;
            option3Element.textContent = page.options[2].text;
        }

// オプションを選択したときの処理
        option1Element.addEventListener("click", function() {
            currentPage = story[currentPage].options[0].next;
            updatePage();
        });

option2Element.addEventListener("click", function() {
            currentPage = story[currentPage].options[1].next;
            updatePage();
        });

option3Element.addEventListener("click", function() {
            currentPage = story[currentPage].options[2].next;
            updatePage();
        });

// ゲームを開始する
        updatePage();
    </script>
</body>
</html>
```