あらかじめ決められたマップを持たず、プレイするごとにゲームのアルゴリズムによってマップが自動生成される's game

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

No:12761

103

←

Prev Next

→

あらかじめ決められたマップを持たず、プレイするごとにゲームのアルゴリズムによってマップが自動生成され..ALL
Developer User4403｜Date and time 23/8/22 23:50:20
Build time 19.864 sec｜Game capacity 4.215KB｜

Script

了解しました。以下にサンプルコードを示します。

このサンプルコードは、指定された要件に基づいて、スマートフォンで遊ぶことができる自動生成マップゲームを実装しています。各プレイヤーの移動にはキーボードの上下左右キーを使用します。プレイヤーは絵文字の"👾"で表され、障害物は"⛰️"で表されます。ゲームが実行開始された時点で、マップは自動的に生成されます。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解しました。以下にサンプルコードを示します。

```
<!DOCTYPE html>
<html>
<head>
    <title>自動生成マップゲーム</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// プレイヤーの位置
        var playerX = 0;
        var playerY = 0;

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

// マップを自動生成する関数
        function generateMap() {
            // マップを初期化する
            map = [];

// ランダムな値を持つマップを生成する
            for (var i = 0; i < mapSize; i++) {
                var row = [];
                for (var j = 0; j < mapSize; j++) {
                    if (Math.random() < 0.2) {
                        row.push('X'); // 障害物を表す 'X'
                    } else {
                        row.push(' '); // 空白を表す ' '
                    }
                }
                map.push(row);
            }

// プレイヤーの位置を決定する
            playerX = Math.floor(Math.random() * mapSize);
            playerY = Math.floor(Math.random() * mapSize);
            map[playerY][playerX] = 'P'; // プレイヤーを表す 'P'
        }

// マップを描画する関数
        function drawMap(ctx) {
            for (var i = 0; i < mapSize; i++) {
                for (var j = 0; j < mapSize; j++) {
                    if (i === playerY && j === playerX) {
                        ctx.fillText('👾', j * 40, i * 40); // プレイヤーを絵文字で描画
                    } else if (map[i][j] === 'X') {
                        ctx.fillText('⛰️', j * 40, i * 40); // 障害物を絵文字で描画
                    }
                }
            }
        }

// キーボードの入力を処理する関数
        function handleInput(event) {
            var key = event.key;
            switch (key) {
                case 'ArrowUp':
                    movePlayer(0, -1);
                    break;
                case 'ArrowDown':
                    movePlayer(0, 1);
                    break;
                case 'ArrowLeft':
                    movePlayer(-1, 0);
                    break;
                case 'ArrowRight':
                    movePlayer(1, 0);
                    break;
            }
        }

// プレイヤーの移動を処理する関数
        function movePlayer(dx, dy) {
            var newX = playerX + dx;
            var newY = playerY + dy;

// 移動先がマップの範囲内かつ障害物でなければ移動する
            if (newX >= 0 && newX < mapSize && newY >= 0 && newY < mapSize && map[newY][newX] !== 'X') {
                map[playerY][playerX] = ' '; // 一旦プレイヤーを消す
                playerX = newX;
                playerY = newY;
                map[playerY][playerX] = 'P'; // 新しい位置にプレイヤーを配置する
            }

// ゲームの状態を描画する
            var ctx = gameCanvas.getContext('2d');
            ctx.clearRect(0, 0, gameCanvas.width, gameCanvas.height);
            drawMap(ctx);
        }

// ゲームを初期化する関数
        function initGame() {
            generateMap();

// キーボードの入力をリスンする
            window.addEventListener('keydown', handleInput);

// ゲームの初期描画を行う
            var ctx = gameCanvas.getContext('2d');
            drawMap(ctx);
        }

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