Rainbow-colored Dragon Sword's game

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

No:6501

1577

←

Prev Next

→

Rainbow-colored Dragon Sword
Developer User3891｜Date and time 23/7/2 15:27:43
Build time 26.049 sec｜Game capacity 2.533KB｜

Script

了解しました。虹色の龍剣というゲームを作成します。

Click to attack!

このゲームでは、プレイヤーと敵の初期状態を設定し、1秒ごとに攻撃や回復を行います。攻撃時にはランダムなダメージが与えられ、どちらかの体力が0以下になるとゲームが終了します。ゲーム画面をクリックすることでゲームを開始できます。体力の状態や攻撃の結果は画面上に表示されます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。虹色の龍剣というゲームを作成します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <style>
    body {
      text-align: center;
    }

#game {
      font-size: 40px;
      padding: 20px;
      border: 1px solid black;
      display: inline-block;
    }
  </style>
</head>
<body>
  <div id="game">Click to attack!</div>

// 敵の初期状態
    let enemy = {
      name: "Enemy",
      health: 100,
      attack: 8
    };

// ゲームの進行状態を管理する関数
    function gameLoop() {
      updateDisplay();

if (player.health > 0 && enemy.health > 0) {
        setTimeout(gameLoop, 1000); // 1秒ごとにゲームを進行させる
      } else {
        if (player.health <= 0) {
          alert("You were defeated!");
        } else {
          alert("You defeated the enemy!");
        }
      }
    }

// ダメージ計算や表示の更新を行う関数
    function updateDisplay() {
      let gameDiv = document.getElementById("game");

// プレイヤーの攻撃
      let playerDamage = getRandomInt(player.attack);
      enemy.health -= playerDamage;
      gameDiv.innerHTML = `${player.name} attacked and dealt ${playerDamage} damage!<br>`;
      
      // 敵の攻撃
      if (enemy.health > 0) {
        let enemyDamage = getRandomInt(enemy.attack);
        player.health -= enemyDamage;
        gameDiv.innerHTML += `${enemy.name} counter attacked and dealt ${enemyDamage} damage!<br>`;
      }

gameDiv.innerHTML += `<br>${player.name}: ${player.health} HP<br>${enemy.name}: ${enemy.health} HP`;
    }

// 指定された範囲内のランダムな整数を返す関数
    function getRandomInt(max) {
      return Math.floor(Math.random() * max) + 1;
    }

// クリックイベントを追加し、ゲームを開始する
    document.getElementById("game").addEventListener("click", function() {
      gameLoop();
    });
  </script>
</body>
</html>
```