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

No:20446

55

ペーパーマリオオリガミキングバトル
Developer User3589｜Date and time 23/10/9 20:19:38
Build time 30.342 sec｜Game capacity 4.377KB｜

了解です。以下に、要件に従って作成したペーパーマリオオリガミキングバトルのプログラムを示します。

ペーパーマリオオリガミキングバトル

以上が、ペーパーマリオオリガミキングバトルのプログラムです。スマートフォン上で実行すると、攻撃ボタンと防御ボタンが表示され、ターン制で戦闘が進行します。敵キャラクターのHPが0になるとプレイヤーの勝利、プレイヤーのHPが0になると敗北となります。このプログラムでは`DOMContentLoaded`イベントを使用して、HTMLの読み込みが完了した後にJavaScriptの処理が実行されるようにしています。また、ゲームの進行を制御するために、テキストメッセージを表示する関数や、プレイヤーと敵の攻撃やダメージ計算を行う関数を定義しています。スマートフォン上でブラウザでこのHTMLファイルを開くと、ペーパーマリオオリガミキングバトルを楽しむことができます。

→ 　

0　

0　

[PR]現在の欲しいものランキング

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

(C)2023 HisashiApp

了解です。以下に、要件に従って作成したペーパーマリオオリガミキングバトルのプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>ペーパーマリオオリガミキングバトル</title>
</head>
<body>
  <h1>ペーパーマリオオリガミキングバトル</h1>

<div id="game">
    <p id="message"></p>
    <button id="attack-btn">攻撃</button>
    <button id="defend-btn">防御</button>
  </div>

<script>
    window.addEventListener('DOMContentLoaded', function() {
      const messageElement = document.getElementById('message');
      const attackButton = document.getElementById('attack-btn');
      const defendButton = document.getElementById('defend-btn');
      
      // 敵キャラクターの初期情報
      const enemy = {
        name: 'オリガミキング',
        hp: 100,
        attack: 20
      };
      
      // プレイヤーキャラクターの初期情報
      const player = {
        name: 'マリオ',
        hp: 100,
        attack: 30
      };
      
      let isPlayerTurn = true;

// メッセージを表示する関数
      function showMessage(msg) {
        messageElement.textContent = msg;
      }
      
      // ダメージ計算を行う関数
      function calculateDamage(attack, defense) {
        return Math.max(0, attack - defense);
      }

// プレイヤーターンの処理
      function playerTurn() {
        showMessage(player.name + 'のターン');
        attackButton.disabled = false;
        defendButton.disabled = false;
      }
      
      // 敵ターンの処理
      function enemyTurn() {
        showMessage(enemy.name + 'のターン');
        attackButton.disabled = true;
        defendButton.disabled = true;
        
        // ランダムなダメージを与える
        const damage = calculateDamage(enemy.attack, 0);
        player.hp -= damage;
        showMessage(enemy.name + 'の攻撃！' + player.name + 'は' + damage + 'のダメージを受けた！');
        
        if (player.hp <= 0) {
          showMessage(player.name + 'は力尽きてしまった...');
          attackButton.disabled = true;
          defendButton.disabled = true;
        } else {
          setTimeout(playerTurn, 1000);
        }
      }
      
      // 攻撃ボタンのクリックイベント
      attackButton.addEventListener('click', function() {
        attackButton.disabled = true;
        defendButton.disabled = true;
        
        // ランダムなダメージを与える
        const damage = calculateDamage(player.attack, 0);
        enemy.hp -= damage;
        showMessage(player.name + 'の攻撃！' + enemy.name + 'に' + damage + 'のダメージを与えた！');
        
        if (enemy.hp <= 0) {
          showMessage(enemy.name + 'に勝利した！おめでとう！');
          attackButton.disabled = true;
          defendButton.disabled = true;
        } else {
          setTimeout(enemyTurn, 1000);
        }
      });
      
      // 防御ボタンのクリックイベント
      defendButton.addEventListener('click', function() {
        attackButton.disabled = true;
        defendButton.disabled = true;
        
        showMessage(player.name + 'は防御態勢に入った！');
        setTimeout(enemyTurn, 1000);
      });

// ゲーム開始
      playerTurn();
    });
  </script>
</body>
</html>
```

以上が、ペーパーマリオオリガミキングバトルのプログラムです。スマートフォン上で実行すると、攻撃ボタンと防御ボタンが表示され、ターン制で戦闘が進行します。敵キャラクターのHPが0になるとプレイヤーの勝利、プレイヤーのHPが0になると敗北となります。

このプログラムでは`DOMContentLoaded`イベントを使用して、HTMLの読み込みが完了した後にJavaScriptの処理が実行されるようにしています。また、ゲームの進行を制御するために、テキストメッセージを表示する関数や、プレイヤーと敵の攻撃やダメージ計算を行う関数を定義しています。

スマートフォン上でブラウザでこのHTMLファイルを開くと、ペーパーマリオオリガミキングバトルを楽しむことができます。