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

No:12763

123

←

Prev Next

→

ストーリー重視のオープンワールドRPG
Developer User4403｜Date and time 23/8/22 23:52:10
Build time 39.628 sec｜Game capacity 5.293KB｜

Script

了解しました。以下に、ストーリー重視のオープンワールドRPGのサンプルプログラムを記述します。

Open World RPG

上記のコードでは、キャラクター（プレイヤー）を操作して、マップ上で敵と戦ったり、宝箱を見つけたりすることができます。キーボードの矢印キーでプレイヤーを移動させることができます。プレイヤーと敵の間でバトルが発生し、敵を倒すとレベルアップします。宝箱を開けるとゴールドを手に入れることができます。このサンプルプログラムは、1枚のHTMLファイルで実装されており、JavaScriptの処理は実行開始されています。スマートフォンの操作にも対応しています。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

了解しました。以下に、ストーリー重視のオープンワールドRPGのサンプルプログラムを記述します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Open World RPG</title>
</head>
<body>
    <h1>Open World RPG</h1>

// キャラクターの初期ステータス
        let playerHP = 100;
        let playerATK = 10;

// ゲームマップの定義
        const mapWidth = 10;
        const mapHeight = 10;

const map = [
            [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
            [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
            [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
            [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
            [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
            [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
            [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
            [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
            [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
            [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
        ];

// プレイヤーを描画する関数
        function drawPlayer() {
            const playerEmoji = "😀";
            const playerElement = document.getElementById("player");
            playerElement.textContent = playerEmoji;
            playerElement.style.top = playerY * 50 + "px";
            playerElement.style.left = playerX * 50 + "px";
        }

// キャラクターの移動処理
        function movePlayer(direction) {
            if (direction === "up") {
                if (playerY > 0) {
                    playerY--;
                }
            } else if (direction === "down") {
                if (playerY < mapHeight - 1) {
                    playerY++;
                }
            } else if (direction === "left") {
                if (playerX > 0) {
                    playerX--;
                }
            } else if (direction === "right") {
                if (playerX < mapWidth - 1) {
                    playerX++;
                }
            }

// 移動した後にイベントの発生チェック
            checkEvent();
            
            // プレイヤーを再描画
            drawPlayer();
        }

// イベントの発生チェック
        function checkEvent() {
            if (map[playerY][playerX] === 1) {
                battle();
                map[playerY][playerX] = 0; // イベントが終わったらイベントの場所を消す
            } else if (map[playerY][playerX] === 2) {
                treasure();
                map[playerY][playerX] = 0; // イベントが終わったらイベントの場所を消す
            }
        }

// バトル処理
        function battle() {
            const enemyHP = Math.floor(Math.random() * 50) + 50; // 敵のHP
            const enemyATK = Math.floor(Math.random() * 10) + 10; // 敵の攻撃力

alert("敵が現れた！");

while (playerHP > 0 && enemyHP > 0) {
                // プレイヤーの攻撃
                const playerDamage = Math.floor(Math.random() * playerATK) + 1;
                enemyHP -= playerDamage;
                alert(`プレイヤーが敵に${playerDamage}のダメージを与えた！ 敵のHP: ${enemyHP}`);

// 敵の攻撃
                const enemyDamage = Math.floor(Math.random() * enemyATK) + 1;
                playerHP -= enemyDamage;
                alert(`敵がプレイヤーに${enemyDamage}のダメージを与えた！ プレイヤーのHP: ${playerHP}`);
            }

if (playerHP > 0) {
                alert("敵を倒した！ レベルアップ！");
                playerATK += 5;
            } else {
                alert("プレイヤーは負けました。ゲームオーバー！");
            }
        }

// 宝箱イベント
        function treasure() {
            alert("宝箱を見つけた！ 100ゴールドを手に入れた！");
        }

// キーボードの入力に応じた移動処理
        window.addEventListener("keydown", function(event) {
            if (event.key === "ArrowUp") {
                movePlayer("up");
            } else if (event.key === "ArrowDown") {
                movePlayer("down");
            } else if (event.key === "ArrowLeft") {
                movePlayer("left");
            } else if (event.key === "ArrowRight") {
                movePlayer("right");
            }
        });

// 初期描画
        drawPlayer();
    </script>

<div id="player"></div>
</body>
</html>
```

上記のコードでは、キャラクター（プレイヤー）を操作して、マップ上で敵と戦ったり、宝箱を見つけたりすることができます。キーボードの矢印キーでプレイヤーを移動させることができます。プレイヤーと敵の間でバトルが発生し、敵を倒すとレベルアップします。宝箱を開けるとゴールドを手に入れることができます。

このサンプルプログラムは、1枚のHTMLファイルで実装されており、JavaScriptの処理は実行開始されています。スマートフォンの操作にも対応しています。