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

No:22625

←

Prev Next

→

RPG
Developer User10436｜Date and time 23/10/23 18:54:13
Build time 57.773 sec｜Game capacity 3.146KB｜

Script

了解です。以下にサンプルとして想定したRPGのゲームを実装したHTMLファイルを示します。

RPGゲーム

このゲームのルールは以下の通りです。 - プレイヤーと敵の体力はそれぞれ初期値で設定されます（この例ではプレイヤーの体力は20、敵の体力は15となっています）。 - プレイヤーの攻撃力は10、敵の攻撃力は5となっています。 - プレイヤーと敵は交互に攻撃します。 - 攻撃するたびにダメージが発生し、相手の体力が減少します。 - どちらかの体力が0以下になると、ゲーム終了となり結果が表示されます。上記のコードをHTMLファイルに保存し、ブラウザで開くとゲームが始まります。プレイヤーと敵の攻撃・ダメージが表示され、ゲームがプレイされます。結果もゲームログに表示されます。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下にサンプルとして想定したRPGのゲームを実装したHTMLファイルを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>RPGゲーム</title>
    <style>
        #game-log {
            width: 300px;
            height: 200px;
            border: 1px solid black;
            padding: 10px;
            overflow: auto;
        }
    </style>
</head>
<body>
    <h1>RPGゲーム</h1>
    <div id="game-log"></div>

function log(text) {
                const logElement = document.createElement("p");
                logElement.textContent = text;
                gameLog.appendChild(logElement);
                gameLog.scrollTop = gameLog.scrollHeight;
            }

function getRandomNumber(min, max) {
                return Math.floor(Math.random() * (max - min + 1)) + min;
            }

function enemyAttack(player) {
                const damage = getRandomNumber(5, 10);
                player.hp -= damage;
                log("敵の攻撃！ " + damage + " のダメージを受けた！");

if (player.hp <= 0) {
                    log("あなたは敗北した...");
                    log("ゲームオーバー");
                }
            }

function playerAttack(enemy) {
                const damage = getRandomNumber(10, 15);
                enemy.hp -= damage;
                log("あなたの攻撃！ " + damage + " のダメージを与えた！");

if (enemy.hp <= 0) {
                    log("敵を倒した！");
                    log("ゲームクリア");
                } else {
                    enemyAttack(player);
                }
            }

const player = {
                hp: 20,
                attack: 10
            };

const enemy = {
                hp: 15,
                attack: 5
            };

log("あなたの体力: " + player.hp);
            log("敵の体力: " + enemy.hp);

while (player.hp > 0 && enemy.hp > 0) {
                playerAttack(enemy);
            }
        });
    </script>
</body>
</html>
```

このゲームのルールは以下の通りです。

- プレイヤーと敵の体力はそれぞれ初期値で設定されます（この例ではプレイヤーの体力は20、敵の体力は15となっています）。
- プレイヤーの攻撃力は10、敵の攻撃力は5となっています。
- プレイヤーと敵は交互に攻撃します。
- 攻撃するたびにダメージが発生し、相手の体力が減少します。
- どちらかの体力が0以下になると、ゲーム終了となり結果が表示されます。

上記のコードをHTMLファイルに保存し、ブラウザで開くとゲームが始まります。プレイヤーと敵の攻撃・ダメージが表示され、ゲームがプレイされます。結果もゲームログに表示されます。