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

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

No:12779

144

←

Prev Next

→

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

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ストーリー重視のオープンワールドRPG</title>
</head>
<body>
    <script>
        // ゲームのストーリーデータ（仮）
        var storyData = [
            {
                id: 1,
                image: "🏰",
                text: "あなたは王国の勇者として、魔王を倒すために旅立ちます。",
                choices: [
                    { text: "森に向かう", nextId: 2 },
                    { text: "山に向かう", nextId: 3 },
                    { text: "海に向かう", nextId: 4 }
                ]
            },
            {
                id: 2,
                image: "🌳",
                text: "森に到着しました。魔物が徘徊しています。",
                choices: [
                    { text: "魔物と戦う", nextId: 5 },
                    { text: "街に戻る", nextId: 6 }
                ]
            },
            {
                id: 3,
                image: "⛰️",
                text: "山に到着しました。放浪者が住んでいます。",
                choices: [
                    { text: "話を聞く", nextId: 7 },
                    { text: "街に戻る", nextId: 6 }
                ]
            },
            {
                id: 4,
                image: "🌊",
                text: "海に到着しました。海賊が待ち構えています。",
                choices: [
                    { text: "海賊と戦う", nextId: 8 },
                    { text: "街に戻る", nextId: 6 }
                ]
            },
            {
                id: 5,
                image: "🔥",
                text: "魔物との戦闘に勝利しました！次に進みます。",
                choices: [
                    { text: "続きを探す", nextId: 6 }
                ]
            },
            {
                id: 6,
                image: "🏢",
                text: "街に戻りました。次にどうしますか？",
                choices: [
                    { text: "王城へ行く", nextId: 9 }
                ]
            },
            {
                id: 7,
                image: "🏜️",
                text: "放浪者の話を聞いた。次にどうしますか？",
                choices: [
                    { text: "続きを探す", nextId: 6 },
                    { text: "山を探索する", nextId: 10 }
                ]
            },
            {
                id: 8,
                image: "⚔️",
                text: "海賊との戦闘に勝利しました！次に進みます。",
                choices: [
                    { text: "続きを探す", nextId: 6 }
                ]
            },
            {
                id: 9,
                image: "👑",
                text: "王城に到着しました。王からの依頼を受け、魔王討伐に向かいます。",
                choices: [
                    { text: "魔王と戦う", nextId: 11 }
                ]
            },
            {
                id: 10,
                image: "🌄",
                text: "山を探索中です。何か見つかるかもしれません。",
                choices: [
                    { text: "続きを探す", nextId: 6 }
                ]
            },
            {
                id: 11,
                image: "👿",
                text: "魔王に挑戦します！",
                choices: [
                    { text: "魔王と戦う", nextId: 12 }
                ]
            },
            {
                id: 12,
                image: "💥",
                text: "魔王との壮絶な戦闘の末、あなたは勝利を収めました！",
                choices: [
                    { text: "エンディング1", nextId: 13 },
                    { text: "エンディング2", nextId: 14 }
                ]
            },
            {
                id: 13,
                image: "🎉",
                text: "エンディング1: 王国は平和になり、あなたは英雄として称えられました。",
                choices: []
            },
            {
                id: 14,
                image: "😢",
                text: "エンディング2: 魔王の死によりバランスが崩れ、世界は再び混沌とした状態に陥りました。",
                choices: []
            }
        ];

// ゲームの現在の進行状況
        var currentId = 1;

// ゲームの表示領域の要素を取得
        var gameArea = document.getElementById("game-area");

// ゲームの内容を表示する関数
        function displayGame() {
            var currentStory = storyData.find(function(story) {
                return story.id === currentId;
            });

gameArea.innerHTML = `
                <div>
                    <p>${currentStory.image}</p>
                    <p>${currentStory.text}</p>
                </div>
            `;

if (currentStory.choices.length > 0) {
                gameArea.innerHTML += `
                    <div>
                        ${currentStory.choices.map(function(choice) {
                            return `<button onclick="chooseNextStep(${choice.nextId})">${choice.text}</button>`;
                        }).join("")}
                    </div>
                `;
            }
        }

// 選択肢をクリックした時の処理
        function chooseNextStep(nextId) {
            currentId = nextId;
            displayGame();
        }

// ゲームの開始
        displayGame();
    </script>
</body>
</html>