AI game creator

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

No:9997

←

Prev Next

→

game dungeon
Developer User4454｜Date and time 23/7/28 18:56:51
Build time 37.75 sec｜Game capacity 5.417KB｜

Script

了解しました。以下に、スマートフォンでプレイできるダンジョンゲームの例を示します。

このプログラムでは、プレイヤーが敵や宝箱を避けながらコマンドキー（上下左右）を押して移動するダンジョンゲームです。ゲーム盤は5×5のサイズで表示されます。プレイヤーは "👧"、敵は "👾"、宝箱は "🏆" で表されます。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

了解しました。以下に、スマートフォンでプレイできるダンジョンゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Dungeon Game</title>
    <style>
        #game-board {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 10px;
            margin: 10px;
        }

.cell {
            text-align: center;
            font-size: 20px;
            padding: 20px;
            background-color: lightgray;
            border-radius: 10px;
            cursor: pointer;
        }

.player {
            background-color: yellow;
        }

.enemy {
            background-color: red;
        }

.treasure {
            background-color: green;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>

const boardSize = 5; // 盤面のサイズ

// マスの状態を格納する配列
        let cells = [];

// 盤面を作成する関数
        function createBoard() {
            const gameBoard = document.getElementById("game-board");

for (let i = 0; i < boardSize; i++) {
                let row = [];
                for (let j = 0; j < boardSize; j++) {
                    let cell = document.createElement("div");
                    cell.classList.add("cell");
                    gameBoard.appendChild(cell);
                    row.push(cell);
                }
                cells.push(row);
            }
        }

// プレイヤーを初期位置に配置する関数
        function placePlayer() {
            const playerPosition = {
                x: Math.floor(Math.random() * boardSize),
                y: Math.floor(Math.random() * boardSize)
            };

cells[playerPosition.x][playerPosition.y].innerHTML = PLAYER;
            cells[playerPosition.x][playerPosition.y].classList.add("player");

return playerPosition;
        }

// 敵をランダムな位置に配置する関数
        function placeEnemies(num) {
            while (num > 0) {
                const enemyPosition = {
                    x: Math.floor(Math.random() * boardSize),
                    y: Math.floor(Math.random() * boardSize)
                };

// プレイヤーの位置と被らないかチェック
                if (cells[enemyPosition.x][enemyPosition.y].innerHTML === "") {
                    cells[enemyPosition.x][enemyPosition.y].innerHTML = ENEMY;
                    cells[enemyPosition.x][enemyPosition.y].classList.add("enemy");
                    num--;
                }
            }
        }

// 宝箱をランダムな位置に配置する関数
        function placeTreasure() {
            const treasurePosition = {
                x: Math.floor(Math.random() * boardSize),
                y: Math.floor(Math.random() * boardSize)
            };

// プレイヤーと敵の位置と被らないかチェック
            if (cells[treasurePosition.x][treasurePosition.y].innerHTML === "") {
                cells[treasurePosition.x][treasurePosition.y].innerHTML = TREASURE;
                cells[treasurePosition.x][treasurePosition.y].classList.add("treasure");
            }
        }

// プレイヤーの移動を制御する関数
        function movePlayer(event) {
            const key = event.key;
            let x = playerPosition.x;
            let y = playerPosition.y;

cells[x][y].innerHTML = "";
            cells[x][y].classList.remove("player");

switch (key) {
                case "ArrowUp":
                    x = Math.max(x - 1, 0);
                    break;
                case "ArrowDown":
                    x = Math.min(x + 1, boardSize - 1);
                    break;
                case "ArrowLeft":
                    y = Math.max(y - 1, 0);
                    break;
                case "ArrowRight":
                    y = Math.min(y + 1, boardSize - 1);
                    break;
            }

if (cells[x][y].innerHTML === ENEMY) {
                alert("ゲームオーバー！");
                location.reload(); // ページをリロードしてリセット
            } else if (cells[x][y].innerHTML === TREASURE) {
                alert("宝箱を見つけました！おめでとう！");
                location.reload(); // ページをリロードしてリセット
            } else {
                cells[x][y].innerHTML = PLAYER;
                cells[x][y].classList.add("player");
                playerPosition.x = x;
                playerPosition.y = y;
            }
        }

createBoard();
        const playerPosition = placePlayer();
        placeEnemies(3);
        placeTreasure();

document.addEventListener("keydown", movePlayer);
    </script>
</body>
</html>
```