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

No:24405

96

ローグライク不思議のダンジョン
Developer User7529｜Date and time 23/11/8 19:49:34
Build time 131.707 sec｜Game capacity 3.284KB｜

了解しました。ローグライク不思議のダンジョンというゲームを作成します。以下がプログラムの一例です。

ローグライク不思議のダンジョン

このプログラムでは、プレイヤーオブジェクトを定義し、`x`と`y`の座標で位置を表現しています。プレイヤーオブジェクトの`symbol`プロパティに絵文字を設定し、表示する際に絵文字が表示されるようにします。キーボードの入力を監視し、矢印キーの入力に応じてプレイヤーの位置を更新し、ゲーム画面を再描画します。プレイヤーは常にマップの中で移動し、プレイヤーの位置に絵文字が表示されます。その他の位置には木を表す絵文字が表示されます。実際のゲーム画面は、`<div id="game"></div>`で指定した要素に描画されます。このプログラムを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 lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ローグライク 不思議のダンジョン</title>
    <style>
        body {
            font-family: monospace;
            text-align: center;
        }
    </style>
</head>

<body>
    <h1>ローグライク 不思議のダンジョン</h1>
    <div id="game"></div>

<script>
        // プレイヤーオブジェクト
        const player = {
            x: 0,
            y: 0,
            symbol: "😀"
        };

// マップのサイズ
        const mapSize = 10;

// ゲーム画面を描画する関数
        function drawGame() {
            let gameElement = document.getElementById("game");
            gameElement.innerHTML = "";

for (let y = 0; y < mapSize; y++) {
                for (let x = 0; x < mapSize; x++) {
                    if (player.x === x && player.y === y) {
                        gameElement.innerHTML += player.symbol + " ";
                    } else {
                        gameElement.innerHTML += "🌲 ";
                    }
                }
                gameElement.innerHTML += "<br>";
            }
        }

// キーボードの入力を処理する関数
        function handleKeyPress(event) {
            switch (event.key) {
                case "ArrowUp":
                    player.y = Math.max(player.y - 1, 0);
                    break;
                case "ArrowDown":
                    player.y = Math.min(player.y + 1, mapSize - 1);
                    break;
                case "ArrowLeft":
                    player.x = Math.max(player.x - 1, 0);
                    break;
                case "ArrowRight":
                    player.x = Math.min(player.x + 1, mapSize - 1);
                    break;
            }

drawGame();
        }

// キーボードの入力を監視する
        document.addEventListener("keydown", handleKeyPress);

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

</html>
```

このプログラムでは、プレイヤーオブジェクトを定義し、`x`と`y`の座標で位置を表現しています。プレイヤーオブジェクトの`symbol`プロパティに絵文字を設定し、表示する際に絵文字が表示されるようにします。

キーボードの入力を監視し、矢印キーの入力に応じてプレイヤーの位置を更新し、ゲーム画面を再描画します。プレイヤーは常にマップの中で移動し、プレイヤーの位置に絵文字が表示されます。その他の位置には木を表す絵文字が表示されます。

実際のゲーム画面は、`<div id="game"></div>`で指定した要素に描画されます。

このプログラムを1枚のHTMLファイルとして保存し、ウェブブラウザで開くとローグライク 不思議のダンジョンのゲームがプレイできます。スマートフォンでも操作できるようになっています。