An old-fashioned roguelike game.'s game

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

No:7871

162

←

Prev Next

→

An old-fashioned roguelike game.
Developer User4036｜Date and time 23/7/10 5:27:30
Build time 13.096 sec｜Game capacity 3.71KB｜

Script

了解しました。以下に、スマートフォンで遊べるシンプルなローグライクゲームの例を示します。

Use arrow keys to move.

このコードでは、4x4のゲームボードを表示し、プレイヤーが上下左右の矢印キーで移動することができます。プレイヤーは👦の絵文字で表され、ゲームボード上を移動します。ゲームボード上には障害物や鍵（🔑）があり、鍵を取得すると障害物（🕋）が消えます。なお、このコードは基本的な実装例であり、より複雑なゲームにするにはさらなる機能やルールを追加する必要があります。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

了解しました。以下に、スマートフォンで遊べるシンプルなローグライクゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>Roguelike Game</title>
    <style>
        body {
            text-align: center;
        }
        
        #game-board {
            display: inline-block;
            border: 2px solid black;
            font-size: 30px;
            line-height: 2;
            padding: 10px;
        }
        
        #game-message {
            font-size: 20px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>
    <div id="game-message">Use arrow keys to move.</div>

// ゲームボードの描画
        function drawGameBoard() {
            const gameBoardDiv = document.getElementById('game-board');
            gameBoardDiv.innerHTML = '';
            for (let y = 0; y < gameBoard.length; y++) {
                for (let x = 0; x < gameBoard[y].length; x++) {
                    const cellDiv = document.createElement('div');
                    cellDiv.textContent = gameBoard[y][x];
                    gameBoardDiv.appendChild(cellDiv);
                }
                const br = document.createElement('br');
                gameBoardDiv.appendChild(br);
            }
        }

// プレイヤーの移動処理
        function movePlayer(keyCode) {
            let newX = playerPosX;
            let newY = playerPosY;

if (keyCode === 37 && playerPosX > 0) {
                newX = playerPosX - 1;
            } else if (keyCode === 38 && playerPosY > 0) {
                newY = playerPosY - 1;
            } else if (keyCode === 39 && playerPosX < gameBoard[0].length - 1) {
                newX = playerPosX + 1;
            } else if (keyCode === 40 && playerPosY < gameBoard.length - 1) {
                newY = playerPosY + 1;
            }

const nextCell = gameBoard[newY][newX];
            if (nextCell === '⬛️') {
                // 障害物がある場合は移動しない
                return;
            } else if (nextCell === '🔑') {
                // 鍵を取得した場合はドアを開ける
                gameBoard[1][1] = '⬜️';
            }

gameBoard[playerPosY][playerPosX] = '⬜️';
            gameBoard[newY][newX] = '👦';

playerPosX = newX;
            playerPosY = newY;

drawGameBoard();
        }

// キーボードイベントのリスナーを追加
        document.addEventListener('keydown', function(event) {
            movePlayer(event.keyCode);
        });
        
        // ゲームボードを描画
        drawGameBoard();
    </script>
</body>
</html>
```

このコードでは、4x4のゲームボードを表示し、プレイヤーが上下左右の矢印キーで移動することができます。プレイヤーは👦の絵文字で表され、ゲームボード上を移動します。ゲームボード上には障害物や鍵（🔑）があり、鍵を取得すると障害物（🕋）が消えます。

なお、このコードは基本的な実装例であり、より複雑なゲームにするにはさらなる機能やルールを追加する必要があります。