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

No:24404

←

Prev Next

→

ローグライク不思議のダンジョン
Developer User7529｜Date and time 23/11/8 19:47:07
Build time 175.632 sec｜Game capacity 4.121KB｜

Script

では、以下にローグライク不思議のダンジョンのゲームを実装したHTMLファイルの例を示します。

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

このコードは、スマートフォンで遊ぶことを前提としており、プレイヤーが絵文字「😊」で表され、ダンジョン内を移動させることができます。「🌵」は壁を表し、「🚪」は出口を表します。プレイヤーが出口に辿り着くとアラートが表示され、勝利となります。必要な機能に応じて改良や追加をして、さらに面白いゲームを作ってみてください。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

では、以下にローグライク不思議のダンジョンのゲームを実装したHTMLファイルの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ローグライク 不思議のダンジョン</title>
    <style>
        body {
            text-align: center;
            font-family: "Arial", sans-serif;
            margin-top: 50px;
        }
        
        #game-board {
            display: inline-block;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        }
    </style>
</head>
<body>
    <h1>ローグライク 不思議のダンジョン</h1>
    <div id="game-board"></div>

// ゲームボードを表示する関数
        function renderGameBoard() {
            let html = '';
            for (let i = 0; i < gameBoard.length; i++) {
                for (let j = 0; j < gameBoard[i].length; j++) {
                    html += `<span>${gameBoard[i][j]}</span>`;
                }
                html += '<br>';
            }
            document.getElementById('game-board').innerHTML = html;
        }

// キー入力を受け取ってプレイヤーの移動を処理する関数
        window.addEventListener('keydown', function(e) {
            switch (e.key) {
                case 'ArrowUp':
                    movePlayer('up');
                    break;
                case 'ArrowDown':
                    movePlayer('down');
                    break;
                case 'ArrowLeft':
                    movePlayer('left');
                    break;
                case 'ArrowRight':
                    movePlayer('right');
                    break;
            }
        });

// プレイヤーの移動処理を行う関数
        function movePlayer(direction) {
            let playerX = playerPosition.x;
            let playerY = playerPosition.y;
            let newX = playerX;
            let newY = playerY;

switch (direction) {
                case 'up':
                    newY = playerY - 1;
                    break;
                case 'down':
                    newY = playerY + 1;
                    break;
                case 'left':
                    newX = playerX - 1;
                    break;
                case 'right':
                    newX = playerX + 1;
                    break;
            }

if (newX >= 0 && newX < gameBoard.length && newY >= 0 && newY < gameBoard.length && gameBoard[newY][newX] !== '🌵') {
                gameBoard[playerY][playerX] = '🌵';
                gameBoard[newY][newX] = '😊';
                playerPosition.x = newX;
                playerPosition.y = newY;
                renderGameBoard();
                checkWinCondition();
            }
        }

// 勝利条件をチェックする関数
        function checkWinCondition() {
            if (gameBoard[playerPosition.y][playerPosition.x] === '🏆') {
                alert('勝利！');
            }
        }

// ゲームを開始する関数
        function startGame() {
            renderGameBoard();
        }

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

このコードは、スマートフォンで遊ぶことを前提としており、プレイヤーが絵文字「😊」で表され、ダンジョン内を移動させることができます。「🌵」は壁を表し、「🚪」は出口を表します。プレイヤーが出口に辿り着くとアラートが表示され、勝利となります。

必要な機能に応じて改良や追加をして、さらに面白いゲームを作ってみてください。

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

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