Rogue-like Fist of the Flying Dragon 3's game | AI game creator

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

No:6220

1501

Rogue-like Fist of the Flying Dragon 3
Developer User3871｜Date and time 23/7/1 21:48:35
Build time 45.435 sec｜Game capacity 3.786KB｜

了解しました。以下に、ローグライクゲーム「飛龍の拳3」の実装例を示します。

上記のコードでは、キーボードの矢印キーでプレイヤーを操作するローグライクゲームを実装しています。ゲーム盤面は6x6のブロックで表現されており、プレイヤーを表す絵文字「😄」を操作して、敵「😈」を避けながらゲームを進めることが目標です。ゲームの初期状態では、プレイヤーは「😄」で表され、壁は「🌳」で表されています。プレイヤーが動くごとに、盤面が描画されます。キーボードの矢印キーでプレイヤーを操作することができます。プレイヤーが移動できる範囲では、プレイヤーの位置が更新され、描画も更新されます。以上が「飛龍の拳3」というローグライクゲームの実装例です。スマホでもプレイ可能であり、絵文字を使用しているため、スマホでも絵文字入力が可能です。

→ 　

2　

2　

　
　
　
　

[PR]現在の売れ筋グッズランキング

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

(C)2023 HisashiApp

了解しました。以下に、ローグライクゲーム「飛龍の拳3」の実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>飛龍の拳3</title>
    <style>
        #game-board {
            display: flex;
            flex-wrap: wrap;
            width: 300px;
            height: 300px;
            font-size: 24px;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>

<script>
        // ゲームの盤面データ
        const board = [
            ['🌳', '🌳', '🌳', '🌳', '🌳', '🌳'],
            ['🌳', '😄', '🌳', '🌳', '🌳', '🌳'],
            ['🌳', '🌳', '🌳', '😈', '🌳', '🌳'],
            ['🌳', '🌳', '🌳', '🌳', '🌳', '🌳'],
            ['🌳', '🌳', '🌳', '🌳', '🌳', '🌳'],
            ['🌳', '🌳', '🌳', '🌳', '🌳', '🌳']
        ];

// プレイヤーの座標
        let playerX = 1;
        let playerY = 1;

// ゲームの描画
        function render() {
            const gameBoard = document.getElementById('game-board');
            gameBoard.innerHTML = '';

for (let y = 0; y < board.length; y++) {
                for (let x = 0; x < board[y].length; x++) {
                    const cell = document.createElement('div');
                    cell.textContent = board[y][x];
                    cell.style.width = '50px';
                    cell.style.height = '50px';
                    cell.style.textAlign = 'center';
                    cell.style.lineHeight = '50px';
                    gameBoard.appendChild(cell);
                }
            }
        }

// キーボード操作
        document.addEventListener('keydown', (event) => {
            switch (event.key) {
                case 'ArrowUp':
                    movePlayer(playerX, playerY - 1);
                    break;
                case 'ArrowDown':
                    movePlayer(playerX, playerY + 1);
                    break;
                case 'ArrowLeft':
                    movePlayer(playerX - 1, playerY);
                    break;
                case 'ArrowRight':
                    movePlayer(playerX + 1, playerY);
                    break;
            }
        });

// プレイヤーの移動
        function movePlayer(newX, newY) {
            if (newX >= 0 && newX < board.length && newY >= 0 && newY < board.length && board[newY][newX] !== '🌳') {
                board[playerY][playerX] = ' ';
                playerX = newX;
                playerY = newY;
                board[playerY][playerX] = '😄';
            }

render();
        }

// ゲームの初期化
        function initialize() {
            render();
        }

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

上記のコードでは、キーボードの矢印キーでプレイヤーを操作するローグライクゲームを実装しています。ゲーム盤面は6x6のブロックで表現されており、プレイヤーを表す絵文字「😄」を操作して、敵「😈」を避けながらゲームを進めることが目標です。

ゲームの初期状態では、プレイヤーは「😄」で表され、壁は「🌳」で表されています。プレイヤーが動くごとに、盤面が描画されます。

キーボードの矢印キーでプレイヤーを操作することができます。プレイヤーが移動できる範囲では、プレイヤーの位置が更新され、描画も更新されます。

以上が「飛龍の拳3」というローグライクゲームの実装例です。スマホでもプレイ可能であり、絵文字を使用しているため、スマホでも絵文字入力が可能です。