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

No:25334

←

Prev Next

→

自動で行動が選択されるターン制RPG
Developer User12383｜Date and time 23/11/20 17:23:57
Build time 211.188 sec｜Game capacity 3.998KB｜

Script

了解しました。以下にターン制RPGのゲームを実装します。

ターン制RPG

プレイヤー

HP: 100

敵

HP: 100

ゲームが開始されました。

以上がHTMLファイルとして実装されたターン制RPGのゲームです。プレイヤーと敵のHPを表示し、攻撃と回復のボタンがあります。攻撃ボタンを押すとランダムなダメージを敵に与え、回復ボタンを押すとランダムな回復量でプレイヤーのHPが回復します。ゲーム結果やログも表示されます。スマートフォンでも遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解しました。以下にターン制RPGのゲームを実装します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>ターン制RPG</title>
</head>
<body>
    <h1>ターン制RPG</h1>
    <div id="game-container">
        <div id="player-status">
            <h2>プレイヤー</h2>
            <p>HP: <span id="player-hp">100</span></p>
        </div>
        <div id="enemy-status">
            <h2>敵</h2>
            <p>HP: <span id="enemy-hp">100</span></p>
        </div>
        <div id="game-actions">
            <button onclick="attack()">攻撃する</button>
            <button onclick="heal()">回復する</button>
        </div>
        <div id="game-log">
            <p>ゲームが開始されました。</p>
        </div>
        <div id="game-result">
            <p></p>
        </div>
    </div>

function attack() {
            var damage = Math.floor(Math.random() * 10) + 1;

enemyHP -= damage;
            document.getElementById("enemy-hp").innerText = enemyHP;

var logMessage = "プレイヤーが攻撃しました！ ダメージ：" + damage;
            displayLog(logMessage);

if (enemyHP <= 0) {
                endGame();
            } else {
                enemyTurn();
            }
        }

function heal() {
            if (playerHP >= 100) {
                displayLog("プレイヤーは既に満HPです。");
                return;
            }

var healedAmount = Math.floor(Math.random() * 10) + 1;
            playerHP += healedAmount;

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

document.getElementById("player-hp").innerText = playerHP;

var logMessage = "プレイヤーは" + healedAmount + "回復しました。";
            displayLog(logMessage);

enemyTurn();
        }

function enemyTurn() {
            var action = Math.floor(Math.random() * 2);

if (action === 0) {
                var damage = Math.floor(Math.random() * 10) + 1;
                playerHP -= damage;
                document.getElementById("player-hp").innerText = playerHP;
    
                var logMessage = "敵が攻撃しました！ ダメージ：" + damage;
                displayLog(logMessage);
            } else {
                var healedAmount = Math.floor(Math.random() * 10) + 1;
                enemyHP += healedAmount;
    
                if (enemyHP > 100) {
                    enemyHP = 100;
                }
    
                document.getElementById("enemy-hp").innerText = enemyHP;
    
                var logMessage = "敵は" + healedAmount + "回復しました。";
                displayLog(logMessage);
            }
    
            if (playerHP <= 0) {
                endGame();
            }
        }

function displayLog(message) {
            document.getElementById("game-log").innerHTML += "<p>" + message + "</p>";
        }

function endGame() {
            document.getElementById("game-actions").style.display = "none";

if (playerHP <= 0) {
                document.getElementById("game-result").innerHTML = "<p>プレイヤーの負けです。</p>";
            } else {
                document.getElementById("game-result").innerHTML = "<p>プレイヤーの勝利です！</p>";
            }
        }

// ゲームの開始
        attack();
    </script>
</body>
</html>
```