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

No:18478

←

Prev Next

→

ATB制の戦闘
Developer User8136｜Date and time 23/9/29 16:55:12
Build time 42.318 sec｜Game capacity 3.259KB｜

Script

了解しました。以下にATB制の戦闘を実装したHTMLファイルの例を記述します。

ATB制戦闘ゲーム

バトル情報:

プレイヤーのターン

敵のターン

このHTMLファイルでは、ATB（アクティブタイムバトル）制の戦闘を実装しています。プレイヤーと敵のHPやATBの情報が表示され、攻撃、防御、特殊攻撃のボタンがあります。プレイヤーと敵のターンが交互に表示され、ボタンが押されると相手に攻撃を行います。どちらかのHPが0以下になるとゲーム終了となり、ボタンが非表示になります。このHTMLファイルをブラウザで開くとATB制の戦闘ゲームがプレイできます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下にATB制の戦闘を実装したHTMLファイルの例を記述します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ATB制戦闘ゲーム</title>
</head>
<body>
    <h1>ATB制戦闘ゲーム</h1>

<div id="battle-info">
        <p>バトル情報:</p>
        <p id="player-turn">プレイヤーのターン</p>
        <p id="enemy-turn">敵のターン</p>
    </div>

const enemy = {
            name: "敵",
            hp: 100,
            atb: 0
        };

function increaseATB() {
            player.atb += 10;
            enemy.atb += 10;
        }

function attack() {
            if (player.atb >= 100) {
                player.atb = 0;
                enemy.hp -= 10;
                checkGameOver();
                enemyTurn();
            }
        }

function defend() {
            if (player.atb >= 100) {
                player.atb = 0;
                // 防御処理
                enemyTurn();
            }
        }

function specialAttack() {
            if (player.atb >= 100) {
                player.atb = 0;
                enemy.hp -= 20;
                checkGameOver();
                enemyTurn();
            }
        }

function enemyTurn() {
            if (enemy.atb >= 100) {
                enemy.atb = 0;
                player.hp -= 10;
                checkGameOver();
            }
        }

function checkGameOver() {
            if (player.hp <= 0 || enemy.hp <= 0) {
                document.getElementById("battle-info").innerHTML = "<p>ゲーム終了！</p>";
                document.getElementById("battle-buttons").style.display = "none";
            }
        }

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

このHTMLファイルをブラウザで開くとATB制の戦闘ゲームがプレイできます。