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

No:6330

3554

←

Prev Next

→

beat-em-up game
Developer anonymous｜Date and time 70/1/1 9:43:47
Build time unknown sec｜Game capacity 2.627KB｜

Script

了解しました。以下はHTMLファイルとして実装された簡単な戦闘ゲームのサンプルです。

戦闘ゲーム

🧑 vs 👾

このゲームでは、「攻撃する」ボタンをクリックすることでプレイヤーキャラクターとエネミーキャラクターが互いに攻撃し合います。それぞれのキャラクターはランダムなダメージを与えることができます。HPが0以下になると該当のキャラクターは敗北し、絵文字も変化します。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解しました。以下はHTMLファイルとして実装された簡単な戦闘ゲームのサンプルです。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>戦闘ゲーム</title>
    <style>
        body {
            text-align: center;
        }
        #player, #enemy {
            font-size: 3rem;
        }
    </style>
</head>
<body>
    <h1>戦闘ゲーム</h1>
    <p id="battleLog"></p>
    <div>
        <span id="player">🧑</span>
        vs
        <span id="enemy">👾</span>
    </div>
    <button onclick="attack()">攻撃する</button>

function attack() {
            const playerDamage = Math.floor(Math.random() * 10) + 1; // プレイヤーのダメージ（1から10のランダムな値）
            const enemyDamage = Math.floor(Math.random() * 10) + 1; // エネミーのダメージ（1から10のランダムな値）

enemyHP -= playerDamage;
            playerHP -= enemyDamage;

document.getElementById("player").innerHTML = "🧑" + " HP: " + playerHP;
            document.getElementById("enemy").innerHTML = "👾" + " HP: " + enemyHP;

document.getElementById("battleLog").innerHTML += "プレイヤーは" + enemyDamage + "ダメージを受けた！<br>";
            document.getElementById("battleLog").innerHTML += "エネミーは" + playerDamage + "ダメージを受けた！<br>";

if (playerHP <= 0) {
                document.getElementById("battleLog").innerHTML += "プレイヤーは敗北した！";
                document.getElementById("player").innerHTML = "👻";
                document.getElementById("enemy").innerHTML = "🤖";
                document.getElementById("attackButton").disabled = true;
            }

if (enemyHP <= 0) {
                document.getElementById("battleLog").innerHTML += "エネミーは倒れた！";
                document.getElementById("player").innerHTML = "👑";
                document.getElementById("enemy").innerHTML = "💀";
                document.getElementById("attackButton").disabled = true;
            }
        }
    </script>
</body>
</html>
```