RPG in which you help people in 5 different dungeons with pictures of bosses, people and enemies in 80 squares, and defeat the boss at the end of the dungeon by defeating enemies if there are any.'s game

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

No:8674

←

Prev Next

→

RPG in which you help people in 5 different dungeo..ALL
Developer User4226｜Date and time 23/7/17 22:20:16
Build time 64.856 sec｜Game capacity 6.226KB｜

Script

了解しました。以下に、基本的な構成を持つダンジョンRPGのゲームを実装したHTMLファイルを示します。

このHTMLファイルでは、80マスのダンジョンが表示され、プレイヤーが上下左右の矢印キーを使用して移動することができます。プレイヤーは敵を倒してダンジョンの最後に進み、ボスを倒すことが目標です。クリア時にはアラートでお祝いメッセージが表示されます。ゲーム中には、人キャラクターが味方になり、敵キャラクターが倒されると姿が消えます。絵文字を使用しているため、スマートフォンやパソコンなど、さまざまなデバイスで遊ぶことができます。必要に応じて、CSSやゲームルールのカスタマイズを行ってください。また、ゲーム内にキャラクターのステータスや戦闘システムなどを追加することも可能です。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

了解しました。以下に、基本的な構成を持つダンジョンRPGのゲームを実装したHTMLファイルを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>Dungeon RPG</title>
    <style>
        .cell {
            width: 50px;
            height: 50px;
            display: inline-block;
            text-align: center;
            font-size: 30px;
        }
    </style>
</head>
<body>

// ダンジョンマップ（0:通路、1:壁、2:ボス、3:人、4:敵）
    const dungeonMap = [
        [1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
        [1, 0, 0, 0, 0, 0, 0, 0, 0, 3],
        [1, 0, 1, 0, 1, 0, 1, 1, 1, 1],
        [1, 0, 1, 0, 1, 0, 0, 0, 0, 1],
        [1, 0, 0, 0, 1, 1, 1, 1, 0, 1],
        [1, 4, 1, 0, 0, 0, 0, 0, 0, 1],
        [1, 1, 1, 1, 1, 1, 1, 0, 1, 1],
        [1, 2, 0, 0, 0, 0, 0, 0, 0, 1]
    ];

// ゲームボードを生成する関数
    function createGameBoard() {
        const container = document.getElementById("gameBoard");
        for (let y = 0; y < height; y++) {
            for (let x = 0; x < width; x++) {
                const cell = document.createElement("div");
                cell.classList.add("cell");
                cell.id = `cell-${x}-${y}`;
                cell.innerText = "　";
                container.appendChild(cell);
            }
            container.innerHTML += "<br>";
        }
    }

// ゲームボードの表示を更新する関数
    function updateGameBoard() {
        for (let y = 0; y < height; y++) {
            for (let x = 0; x < width; x++) {
                const cell = document.getElementById(`cell-${x}-${y}`);
                switch (dungeonMap[y][x]) {
                    case 0:
                        cell.innerText = "　";
                        break;
                    case 1:
                        cell.innerText = "■";
                        break;
                    case 2:
                        cell.innerText = "⭐";
                        break;
                    case 3:
                        cell.innerText = "🧑";
                        break;
                    case 4:
                        cell.innerText = "👾";
                        break;
                }
            }
        }
    }

// プレイヤーの移動を処理する関数
    function movePlayer(direction) {
        // プレイヤーの現在位置を検索
        let playerX = -1;
        let playerY = -1;
        for (let y = 0; y < height; y++) {
            for (let x = 0; x < width; x++) {
                if (dungeonMap[y][x] === 3) {
                    playerX = x;
                    playerY = y;
                    break;
                }
            }
            if (playerX >= 0 && playerY >= 0) {
                break;
            }
        }

// 移動先の座標を計算
        let targetX = playerX;
        let targetY = playerY;
        switch (direction) {
            case "up":
                targetY -= 1;
                break;
            case "down":
                targetY += 1;
                break;
            case "left":
                targetX -= 1;
                break;
            case "right":
                targetX += 1;
                break;
        }

// 移動先が通路か壁かを判定
        if (dungeonMap[targetY][targetX] === 0 || dungeonMap[targetY][targetX] === 2) {
            // 通路もしくはボスの位置へ移動
            dungeonMap[targetY][targetX] = 3; // プレイヤーの現在位置を移動先に設定
            dungeonMap[playerY][playerX] = 0; // 元の位置を通路に設定
        } else if (dungeonMap[targetY][targetX] === 4) {
            // 敵の位置へ移動し、敵を倒す
            dungeonMap[targetY][targetX] = 3; // プレイヤーの現在位置を移動先に設定
            dungeonMap[playerY][playerX] = 0; // 元の位置を通路に設定
            defeatEnemy(targetX, targetY);
        }

// ゲームボードの表示を更新
        updateGameBoard();

// ゲームクリア判定
        if (dungeonMap[height-1][width-2] === 3 && dungeonMap[height-1][width-1] === 0) {
            alert("ボスを倒しました！おめでとうございます！");
        }
    }

// 敵を倒す関数
    function defeatEnemy(x, y) {
        dungeonMap[y][x] = 0; // 敵の位置を通路に設定
    }

// キーボードイベントのハンドラ
    function handleKeydown(event) {
        switch (event.key) {
            case "ArrowUp":
                movePlayer("up");
                break;
            case "ArrowDown":
                movePlayer("down");
                break;
            case "ArrowLeft":
                movePlayer("left");
                break;
            case "ArrowRight":
                movePlayer("right");
                break;
        }
    }

// 初期化処理
    function init() {
        createGameBoard();
        updateGameBoard();

// キーボードイベントのリスナーを設定
        window.addEventListener("keydown", handleKeydown);
    }

// 初期化処理を実行
    init();
</script>

</body>
</html>
```

このHTMLファイルでは、80マスのダンジョンが表示され、プレイヤーが上下左右の矢印キーを使用して移動することができます。プレイヤーは敵を倒してダンジョンの最後に進み、ボスを倒すことが目標です。クリア時にはアラートでお祝いメッセージが表示されます。

ゲーム中には、人キャラクターが味方になり、敵キャラクターが倒されると姿が消えます。絵文字を使用しているため、スマートフォンやパソコンなど、さまざまなデバイスで遊ぶことができます。

必要に応じて、CSSやゲームルールのカスタマイズを行ってください。また、ゲーム内にキャラクターのステータスや戦闘システムなどを追加することも可能です。