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

No:9238

1514

Turn-based RPG
Developer User4319｜Date and time 23/7/22 20:54:48
Build time 29.267 sec｜Game capacity 2.945KB｜

了解です。以下に、ターン制のRPG風のゲームを作成する例を示します。このゲームでは、プレイヤーがモンスターと戦いながら、レベルを上げることが目的です。JavaScriptを使用して実装します。

ターン制RPG風ゲーム

プレイヤーレベル: 1

プレイヤーHP: 10

モンスターレベル: 1

モンスターHP: 5

このゲームでは、プレイヤーレベルとモンスターレベル、それぞれのHPが表示されます。攻撃ボタンをクリックすると、ランダムなダメージが発生し、プレイヤーとモンスターのHPが減ります。モンスターを倒すと、プレイヤーレベルが上がり、プレイヤーのHPが回復します。プレイヤーのHPが0になるとゲームオーバーとなり、最初からやり直すことになります。このゲームは、ボタン操作を通じてプレイできます。上記のコードをHTMLファイルに保存し、ウェブブラウザで開くとプレイすることができます。

→ 　

0　

0　

[PR]現在の人気グッズランキング

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

(C)2023 HisashiApp

了解です。以下に、ターン制のRPG風のゲームを作成する例を示します。このゲームでは、プレイヤーがモンスターと戦いながら、レベルを上げることが目的です。JavaScriptを使用して実装します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>ターン制RPG風ゲーム</title>
</head>
<body>

<h1>ターン制RPG風ゲーム</h1>

<div id="status">
    <p>プレイヤーレベル: <span id="player-level">1</span></p>
    <p>プレイヤーHP: <span id="player-hp">10</span></p>
    <p>モンスターレベル: <span id="monster-level">1</span></p>
    <p>モンスターHP: <span id="monster-hp">5</span></p>
  </div>

<button onclick="attack()">攻撃</button>
  <button onclick="heal()">回復</button>

<script>
    let playerLevel = 1;
    let playerHP = 10;

let monsterLevel = 1;
    let monsterHP = 5;

function attack() {
      const playerDamage = Math.floor(Math.random() * playerLevel) + 1;
      const monsterDamage = Math.floor(Math.random() * monsterLevel) + 1;

monsterHP -= playerDamage;
      playerHP -= monsterDamage;

if (monsterHP <= 0) {
        // モンスターを倒した場合
        levelUp();
        monsterHP = 5;
      }

if (playerHP <= 0) {
        // プレイヤーがやられた場合
        gameOver();
      }

updateStatus();
    }

function levelUp() {
      playerLevel++;
      playerHP += 5;
      monsterLevel++;
    }

function heal() {
      const healAmount = Math.floor(Math.random() * playerLevel) + 1;
      playerHP += healAmount;

if (playerHP > 10) {
        playerHP = 10;
      }

updateStatus();
    }

function gameOver() {
      alert("ゲームオーバー！");
      playerLevel = 1;
      playerHP = 10;
      monsterLevel = 1;
      monsterHP = 5;
      updateStatus();
    }

function updateStatus() {
      document.getElementById("player-level").textContent = playerLevel;
      document.getElementById("player-hp").textContent = playerHP;
      document.getElementById("monster-level").textContent = monsterLevel;
      document.getElementById("monster-hp").textContent = monsterHP;
    }
  </script>

</body>
</html>
```

このゲームでは、プレイヤーレベルとモンスターレベル、それぞれのHPが表示されます。攻撃ボタンをクリックすると、ランダムなダメージが発生し、プレイヤーとモンスターのHPが減ります。モンスターを倒すと、プレイヤーレベルが上がり、プレイヤーのHPが回復します。プレイヤーのHPが0になるとゲームオーバーとなり、最初からやり直すことになります。

このゲームは、ボタン操作を通じてプレイできます。上記のコードをHTMLファイルに保存し、ウェブブラウザで開くとプレイすることができます。