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

No:7241

779

←

Prev Next

→

gaming world
Developer User3992｜Date and time 23/7/6 15:05:16
Build time 18.375 sec｜Game capacity 2.868KB｜

Script

了解しました。以下に格闘ゲーム風のゲームを作成します。

Fighting Game

❗

💢

Player Health: 3

Enemy Health: 3

このプログラムは、HTMLファイル内でJavaScriptを使用して格闘ゲームを実装しています。3つの要素（プレイヤー、敵、攻撃ボタン）が表示され、クリックすることで攻撃が実行されます。プレイヤーと敵のそれぞれのHealth（体力）が3から始まり、攻撃ごとにランダムなダメージが与えられます。Healthが0以下になるとゲームオーバーとなり、適切なメッセージが表示されます。また、ゲーム終了後にはリセットボタンが表示され、再度遊ぶことができます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に格闘ゲーム風のゲームを作成します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>Fighting Game</title>
  <style>
    .character {
      display: inline-block;
      font-size: 50px;
      cursor: pointer;
    }
    
    .character:hover {
      transform: scale(1.1);
    }
  </style>
</head>
<body>
  <h1>Fighting Game</h1>
  <div class="character" onclick="attack('player')">❗</div>
  <div class="character" onclick="attack('enemy')">💢</div>
  
  <script>
    let playerHealth = 3;
    let enemyHealth = 3;
    
    function attack(attacker) {
      let target;
      let damage;
      
      if (attacker === 'player') {
        target = 'enemy';
        damage = Math.floor(Math.random() * 3) + 1;
      } else {
        target = 'player';
        damage = Math.floor(Math.random() * 2) + 1;
      }
      
      updateHealth(target, damage);
      checkGameOver();
    }
    
    function updateHealth(target, damage) {
      if (target === 'player') {
        playerHealth -= damage;
        document.getElementById('playerHealth').innerText = 'Player Health: ' + playerHealth;
        document.getElementById('playerHealth').style.color = playerHealth <= 0 ? 'red' : 'black';
      } else {
        enemyHealth -= damage;
        document.getElementById('enemyHealth').innerText = 'Enemy Health: ' + enemyHealth;
        document.getElementById('enemyHealth').style.color = enemyHealth <= 0 ? 'red' : 'black';
      }
    }
    
    function checkGameOver() {
      if (playerHealth <= 0) {
        alert('Game Over. You Lose.');
        resetGame();
      } else if (enemyHealth <= 0) {
        alert('Congratulations! You Win!');
        resetGame();
      }
    }
    
    function resetGame() {
      playerHealth = 3;
      enemyHealth = 3;
      document.getElementById('playerHealth').innerText = 'Player Health: ' + playerHealth;
      document.getElementById('enemyHealth').innerText = 'Enemy Health: ' + enemyHealth;
      document.getElementById('playerHealth').style.color = 'black';
      document.getElementById('enemyHealth').style.color = 'black';
    }
  </script>
  
  <h2 id="playerHealth">Player Health: 3</h2>
  <h2 id="enemyHealth">Enemy Health: 3</h2>
</body>
</html>
```