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

No:20011

←

Prev Next

→

すごくレベルアップするRPG
Developer User8917｜Date and time 23/10/7 23:21:38
Build time 49.73 sec｜Game capacity 5.576KB｜

Script

了解しました。以下に、スマホ操作を前提としたRPGゲームのサンプルプログラムを示します。

RPGゲーム

このプログラムでは、モンスターと戦ったり休んだりすることができます。ボタンをクリックすることで操作を行います。モンスターを倒すと経験値を獲得し、一定経験値以上になるとレベルアップします。プレイヤーのHPが0になるとゲームオーバーです。

←

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>RPGゲーム</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
      background-color: #f3f3f3;
    }

#game {
      margin: 50px auto;
      width: 300px;
      background-color: white;
      border: 5px solid #ccc;
      padding: 20px;
    }

#output {
      min-height: 100px;
      padding-top: 20px;
      border-top: 2px solid #ccc;
      margin-top: 20px;
    }

.button {
      display: inline-block;
      font-size: 20px;
      padding: 10px 20px;
      margin: 10px;
      background-color: #4caf50;
      color: white;
      cursor: pointer;
      border-radius: 5px;
      border: none;
    }
  </style>
</head>
<body>
  <div id="game">
    <h1>RPGゲーム</h1>
    <button class="button" onclick="startGame()">新しいゲーム</button>
    <div id="output"></div>
    <div id="actions"></div>
  </div>

function battleMonster() {
      let monster = generateMonster();
      showOutput(`モンスターが現れました！<br>Lv.${monster.level} ${monster.name}（HP: ${monster.hp}/${monster.maxHp}）`);

showActions([
        { text: '攻撃', action: () => attackMonster(monster) },
        { text: '逃げる', action: escape },
      ]);
    }

function escape() {
      showOutput('プレイヤーは逃げ出しました！');
      showActions([
        { text: 'モンスターと戦う', action: battleMonster },
        { text: '休む', action: rest },
      ]);
    }

function generateMonster() {
      let monsters = [
        { name: 'スライム', level: 1, hp: 20, maxHp: 20, exp: 10 },
        { name: 'ゴブリン', level: 2, hp: 30, maxHp: 30, exp: 20 },
        { name: 'オーク', level: 3, hp: 40, maxHp: 40, exp: 30 },
      ];
      return monsters[Math.floor(Math.random() * monsters.length)];
    }

function getPlayerStatus() {
      return `Lv.${player.level} ${player.name}（HP: ${player.hp}/${player.maxHp}）<br>経験値: ${player.exp}/${player.expToLevelUp}`;
    }

function getMonsterStatus(monster) {
      return `モンスター（HP: ${monster.hp}/${monster.maxHp}）`;
    }

function showOutput(message) {
      document.getElementById('output').innerHTML = message;
    }

startGame();
  </script>
</body>
</html>
```