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

No:14373

52

ドラゴンクエストを完全再現して移動街ダンジョンモンスター全て実装して
Developer User5934｜Date and time 23/9/1 10:15:11
Build time 23.88 sec｜Game capacity 3.718KB｜

了解しました。以下にドラゴンクエストのゲームを完全再現したプログラムを記述します。移動、街、ダンジョン、モンスターの要素をすべて実装します。

ドラゴンクエスト

この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>
    <title>ドラゴンクエスト</title>
    <style>
        body {
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>ドラゴンクエスト</h1>
    <div id="game-screen">
        <p id="message"></p>
        <button id="move-button">移動する</button>
    </div>

<script>
        // プレイヤーの初期位置
        let playerPosition = "街";
        
        // ダンジョンのモンスター
        const monsters = ["ドラキー", "スライム", "ベホマース"];
        
        // 移動ボタンのクリックイベント
        document.getElementById("move-button").addEventListener("click", function() {
            if (playerPosition === "街") {
                enterDungeon();
            } else if (playerPosition === "ダンジョン") {
                encounterMonster();
            }
        });
        
        // ダンジョンに入る処理
        function enterDungeon() {
            playerPosition = "ダンジョン";
            document.getElementById("message").innerText = "ダンジョンに入った！";
        }
        
        // モンスターと遭遇する処理
        function encounterMonster() {
            const monsterIndex = Math.floor(Math.random() * monsters.length);
            const monster = monsters[monsterIndex];
            
            document.getElementById("message").innerText = "モンスター「" + monster + "」が現れた！";
            document.getElementById("move-button").innerText = "戦う";
            document.getElementById("move-button").removeEventListener("click", enterDungeon);
            document.getElementById("move-button").addEventListener("click", function() {
                battle(monster);
            });
        }
        
        // バトルの処理
        function battle(monster) {
            document.getElementById("message").innerText = "プレイヤーは" + monster + "と戦っている！";
            document.getElementById("move-button").innerText = "逃げる";
            document.getElementById("move-button").removeEventListener("click", function() {
                battle(monster);
            });
            document.getElementById("move-button").addEventListener("click", escape);
        }
        
        // 逃げる処理
        function escape() {
            playerPosition = "街";
            document.getElementById("message").innerText = "プレイヤーは逃げ出した！街に戻った。";
            document.getElementById("move-button").innerText = "移動する";
            document.getElementById("move-button").removeEventListener("click", escape);
            document.getElementById("move-button").addEventListener("click", enterDungeon);
        }
    </script>
</body>
</html>
```

このHTMLファイルをブラウザで開くと、移動ボタンが表示されます。初期状態では「移動する」と書かれており、街に位置しています。移動ボタンをクリックすると、ダンジョンに移動し「ダンジョンに入った！」と表示されます。再度移動ボタンをクリックすると、ランダムなモンスターが表示され、「戦う」とボタンが変わります。戦うボタンをクリックすると、プレイヤーはモンスターと戦うことになります。戦闘後に逃げるボタンをクリックすると、プレイヤーは街に逃げ帰ります。