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

No:23415

育成RPG。ジョブごとにスキル、魔法、固有アビリティをもつ。仲間を集めながら魔王を倒す
Developer User10851｜Date and time 23/10/30 11:57:29
Build time 102.092 sec｜Game capacity 4.109KB｜

Script

育成RPG

プレイヤー情報

名前:

ジョブ:

プレイヤーステータス

名前:

ジョブ:

レベル:

HP:

MP:

仲間

アクション

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>育成RPG</title>
</head>
<body>
  <h1>育成RPG</h1>

<div id="game">
    <h2>プレイヤー情報</h2>
    <p>名前: <input id="name-input" type="text"></p>
    <p>ジョブ: <select id="job-select">
        <option value="戦士">戦士</option>
        <option value="魔法使い">魔法使い</option>
        <option value="僧侶">僧侶</option>
      </select></p>
    <button onclick="startGame()">ゲームを始める</button>

<h2>プレイヤーステータス</h2>
    <p>名前: <span id="player-name"></span></p>
    <p>ジョブ: <span id="player-job"></span></p>
    <p>レベル: <span id="player-level"></span></p>
    <p>HP: <span id="player-hp"></span></p>
    <p>MP: <span id="player-mp"></span></p>

<h2>アクション</h2>
    <button onclick="attack()">攻撃</button>
    <button onclick="castSpell()">魔法を使う</button>
  </div>

// 仲間リスト
    var party = [];

// ゲーム開始の処理
    function startGame() {
      var nameInput = document.getElementById("name-input");
      var jobSelect = document.getElementById("job-select");

player.name = nameInput.value;
      player.job = jobSelect.value;

document.getElementById("player-name").textContent = player.name;
      document.getElementById("player-job").textContent = player.job;
      document.getElementById("player-level").textContent = player.level;
      document.getElementById("player-hp").textContent = player.hp + " / " + player.maxHp;
      document.getElementById("player-mp").textContent = player.mp + " / " + player.maxMp;

document.getElementById("name-input").disabled = true;
      document.getElementById("job-select").disabled = true;

document.getElementById("party-list").innerHTML = "";

// プレイヤーを仲間に追加
      party.push(player);

// プレイヤーステータス表示
      var playerStatus = document.createElement("li");
      playerStatus.textContent = "名前: " + player.name + ", ジョブ: " + player.job + ", レベル: " + player.level + ", HP: " + player.hp + " / " + player.maxHp + ", MP: " + player.mp + " / " + player.maxMp;
      document.getElementById("party-list").appendChild(playerStatus);
    }

// 攻撃の処理
    function attack() {
      var enemy = { name: "魔王", maxHp: 200, hp: 200 };

var damage = Math.floor(Math.random() * 10) + 1;
      enemy.hp -= damage;

var message = player.name + "の攻撃！" + enemy.name + "に" + damage + "のダメージを与えた！";
      message += "<br>" + enemy.name + "のHP: " + enemy.hp;

document.getElementById("game").innerHTML += "<p>" + message + "</p>";

if (enemy.hp <= 0) {
        document.getElementById("game").innerHTML += "<p>" + enemy.name + "を倒した！</p>";
      }
    }

// 魔法を使う処理
    function castSpell() {
      var enemy = { name: "魔王", maxHp: 200, hp: 200 };

var spellPower = Math.floor(Math.random() * 20) + 10;
      var mpCost = Math.floor(Math.random() * 10) + 5;

if (player.mp >= mpCost) {
        player.mp -= mpCost;
        enemy.hp -= spellPower;

var message = player.name + "が魔法を使った！" + enemy.name + "に" + spellPower + "のダメージを与えた！";
        message += "<br>" + player.name + "のMP: " + player.mp + " / " + player.maxMp;
        message += "<br>" + enemy.name + "のHP: " + enemy.hp;

document.getElementById("game").innerHTML += "<p>" + message + "</p>";

if (enemy.hp <= 0) {
          document.getElementById("game").innerHTML += "<p>" + enemy.name + "を倒した！</p>";
        }
      }
      else {
        document.getElementById("game").innerHTML += "<p>MPが足りない！</p>";
      }
    }
  </script>
</body>
</html>