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

No:39900

75

学園ドラマ
Developer 食べる鶏と熱いタバスコ｜Date and time 24/1/30 19:14:18
Build time 20.076 sec｜Game capacity 3.903KB｜

では、以下に示すテーマの学園ドラマ風のゲームを作成します。タイトル: 「学園ドラマクエスト」

学園ドラマクエスト

学園で起こるさまざまな出来事を解決しよう！

このゲームでは、プレイヤーは学園生活を満喫するために、さまざまな出来事に挑戦します。出来事を選択すると、出来事の説明が表示され、プレイヤーはその出来事に挑戦するかどうかを確認します。出来事に挑戦すると、プレイヤーのステータス（レベル、EXP、HP）が変動し、成功した場合にはレベルアップします。ただし、プレイヤーのHPが0以下になるとゲームオーバー、レベルが5以上になるとクリアとなります。以上のプログラムを1枚のHTMLファイルに実装していただければ、学園ドラマクエストとして遊ぶことができます。スマホ操作に対応しているため、スマホからもプレイすることができます。また、絵文字やカスタマイズはお好みで追加してください。

→ 　

0　

0　

[PR]現在の売れ筋アプリランキング

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

(C)2023 HisashiApp

では、以下に示すテーマの学園ドラマ風のゲームを作成します。

タイトル: 「学園ドラマクエスト」

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>学園ドラマクエスト</title>
</head>
<body>
    <h1>学園ドラマクエスト</h1>
    <p id="description">学園で起こるさまざまな出来事を解決しよう！</p>
    <div id="progress"></div>

<script>
        // プレイヤーのステータス
        const player = {
            name: "あなた",
            level: 1,
            exp: 0,
            hp: 10
        };

// 出来事のリスト
        const events = [
            { id: 1, description: "テスト勉強をしよう！", hp: -2 },
            { id: 2, description: "部活の大会で優勝しよう！", exp: 5 },
            { id: 3, description: "ライバルとの友情を育もう！", exp: 2 },
            { id: 4, description: "恋愛トラブルを解決しよう！", hp: -3 },
            { id: 5, description: "文化祭の準備を手伝おう！", exp: 3 },
            { id: 6, description: "先輩の悩みを聞いてあげよう！", exp: 2 }
        ];

// ゲームメッセージの表示
        function displayMessage(message) {
            document.getElementById("description").innerHTML = message;
        }

// ゲーム進行状況の表示
        function displayProgress() {
            document.getElementById("progress").innerHTML = `レベル: ${player.level} / EXP: ${player.exp} / HP: ${player.hp}`;
        }

// プレイヤーのステータスを初期表示
        displayProgress();

// イベントのランダム選択
        function selectEvent() {
            const event = events[Math.floor(Math.random() * events.length)];
            const confirmEvent = confirm(`【出来事${event.id}】${event.description} に挑戦しますか？`);
            if (confirmEvent) {
                executeEvent(event);
            } else {
                displayMessage("出来事に挑戦しないで学園生活を過ごしましょう！");
            }
        }

// イベントの実行
        function executeEvent(event) {
            if (event.hp) {
                player.hp += event.hp;
            }
            if (event.exp) {
                player.exp += event.exp;
            }
            if (player.hp <= 0) {
                displayMessage(`【ゲームオーバー】${player.name}は意識を失いました…`);
            } else if (player.level >= 5) {
                displayMessage(`【クリア】${player.name}は学園生活を満喫しました！`);
            } else {
                displayMessage(`【成功】${player.name}は${event.description} に成功しました！`);
                player.level++;
            }
            displayProgress();
        }

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

このゲームでは、プレイヤーは学園生活を満喫するために、さまざまな出来事に挑戦します。出来事を選択すると、出来事の説明が表示され、プレイヤーはその出来事に挑戦するかどうかを確認します。出来事に挑戦すると、プレイヤーのステータス（レベル、EXP、HP）が変動し、成功した場合にはレベルアップします。ただし、プレイヤーのHPが0以下になるとゲームオーバー、レベルが5以上になるとクリアとなります。

以上のプログラムを1枚のHTMLファイルに実装していただければ、学園ドラマクエストとして遊ぶことができます。スマホ操作に対応しているため、スマホからもプレイすることができます。また、絵文字やカスタマイズはお好みで追加してください。