2Dゼルダの伝説初代〜神トラ辺りのゼルダを再現してください。's game

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

No:5024

1959

←

Prev Next

→

2Dゼルダの伝説初代〜神トラ辺りのゼルダを再現してください。
Developer もちきなこ｜Date and time 23/6/29 9:27:34
Build time 30.518 sec｜Game capacity 3.428KB｜

Script

了解しました。以下は2Dゼルダの伝説（初代〜神トラ辺り）を再現した部分的なゲームの実装例です。

上記のコードは、ブラウザ上で動作する2Dゼルダの伝説の初代〜神トラ辺りを再現した部分的なゲームです。プレイヤーキャラクターはカーソルキーで操作することができます。ただし、戦闘などの要素は含まれていませんが、地図を移動することはできます。絵文字は使用していませんが、遊ぶことは可能です。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解しました。以下は2Dゼルダの伝説（初代〜神トラ辺り）を再現した部分的なゲームの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
    <title>2Dゼルダの伝説</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: black;
        }
        canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");

// プレイヤーの初期位置
        let playerX = 64;
        let playerY = 64;

// マップデータ
        const map = [
            [1, 1, 1, 1, 1],
            [1, 0, 1, 0, 1],
            [1, 0, 0, 0, 1],
            [1, 0, 0, 0, 1],
            [1, 1, 1, 1, 1]
        ];

// キーボード操作でプレイヤーを移動させる
        function movePlayer(keyCode) {
            switch (keyCode) {
                case 37: // 左
                    if (playerX > 0 && map[Math.floor(playerY / 64)][Math.floor((playerX - 64) / 64)] === 0) {
                        playerX -= 64;
                    }
                    break;
                case 38: // 上
                    if (playerY > 0 && map[Math.floor((playerY - 64) / 64)][Math.floor(playerX / 64)] === 0) {
                        playerY -= 64;
                    }
                    break;
                case 39: // 右
                    if (playerX < canvas.width - 64 && map[Math.floor(playerY / 64)][Math.floor((playerX + 64) / 64)] === 0) {
                        playerX += 64;
                    }
                    break;
                case 40: // 下
                    if (playerY < canvas.height - 64 && map[Math.floor((playerY + 64) / 64)][Math.floor(playerX / 64)] === 0) {
                        playerY += 64;
                    }
                    break;
            }
        }

// ゲームループ
        function gameLoop() {
            context.clearRect(0, 0, canvas.width, canvas.height);

// マップを描画
            for (let row = 0; row < map.length; row++) {
                for (let col = 0; col < map[row].length; col++) {
                    if (map[row][col] === 1) {
                        context.fillStyle = "#808080";
                        context.fillRect(col * 64, row * 64, 64, 64);
                    }
                }
            }

// プレイヤーを描画
            context.fillStyle = "#FF0000";
            context.fillRect(playerX, playerY, 64, 64);

requestAnimationFrame(gameLoop);
        }

// キーボードのキーが押された時のイベントリスナーを追加
        document.addEventListener("keydown", function (event) {
            movePlayer(event.keyCode);
        });

gameLoop();
    </script>
</body>
</html>
```