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

No:22221

←

Prev Next

→

サンズ戦
Developer User10286｜Date and time 23/10/21 19:16:02
Build time 77.056 sec｜Game capacity 3.528KB｜

Script

了解です。以下に具体的な要件に基づいたサンズ戦というゲームの実装例を示します。

サンズ戦

このHTMLファイルでは、プレイヤーとサンズが交互に攻撃を行うシンプルなゲームです。サンズとの対戦が行われ、双方の体力が0になるかどちらかが倒された時に試合終了となります。プレイヤーは攻撃ボタンをクリックすることで攻撃が実行され、サンズはランダムなタイミングで攻撃を行います。絵文字を使用しているため、表示はスマートフォンでも適切に行われます。また、JavaScriptは`
`タグ内に記述されており、`DOMContentLoaded`イベントを待って実行されるため、処理は実行開始されています。以上がサンズ戦というゲームの実装例です。

←

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">
  <title>サンズ戦</title>
  <style>
    .game-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
  </style>
</head>
<body>
  <div class="game-container">
    <h1>サンズ戦</h1>
    <button id="attack-btn">🔫</button>
    <p id="result"></p>
  </div>

// 攻撃を実行する関数
    function attack() {
      const playerAttackPower = getRandomNumber(5, 10);
      const enemyAttackPower = getRandomNumber(5, 15);

if (game.isPlayerTurn) {
        game.enemyHealth -= playerAttackPower;
        displayMessage(`プレイヤーの攻撃！サンズに ${playerAttackPower} ダメージ！`);

if (game.enemyHealth <= 0) {
          displayMessage("サンズを倒した！プレイヤーの勝利！");
          endGame();
        } else {
          displayMessage(`サンズの残り体力: ${game.enemyHealth}`);
        }
      } else {
        game.playerHealth -= enemyAttackPower;
        displayMessage(`サンズの攻撃！プレイヤーに ${enemyAttackPower} ダメージ！`);

if (game.playerHealth <= 0) {
          displayMessage("プレイヤーは倒された！サンズの勝利！");
          endGame();
        } else {
          displayMessage(`プレイヤーの残り体力: ${game.playerHealth}`);
        }
      }

game.isPlayerTurn = !game.isPlayerTurn; // ターン交代
    }

// メッセージを表示する関数
    function displayMessage(message) {
      const resultElement = document.getElementById("result");
      resultElement.textContent = message;
    }

// ゲーム終了時の処理を行う関数
    function endGame() {
      game.gameOver = true;
      const attackButton = document.getElementById("attack-btn");
      attackButton.disabled = true;
    }

// 指定された範囲内のランダムな整数を生成する関数
    function getRandomNumber(min, max) {
      return Math.floor(Math.random() * (max - min + 1)) + min;
    }

// 攻撃ボタンをクリックしたときに攻撃を実行
    const attackButton = document.getElementById("attack-btn");
    attackButton.addEventListener("click", () => {
      if (!game.gameOver) {
        attack();
      }
    });

// ゲーム開始時のメッセージを表示
    displayMessage("ゲームを開始します！");

</script>
</body>
</html>
```

このHTMLファイルでは、プレイヤーとサンズが交互に攻撃を行うシンプルなゲームです。サンズとの対戦が行われ、双方の体力が0になるかどちらかが倒された時に試合終了となります。プレイヤーは攻撃ボタンをクリックすることで攻撃が実行され、サンズはランダムなタイミングで攻撃を行います。

絵文字を使用しているため、表示はスマートフォンでも適切に行われます。また、JavaScriptは`<script>`タグ内に記述されており、`DOMContentLoaded`イベントを待って実行されるため、処理は実行開始されています。

以上がサンズ戦というゲームの実装例です。