A fighting game in which two pairs of objects resembling the human body, each consisting of five circles, face each other in a total of two pairs, one against the other. There are only three controls: right, left and attack. The player controls the object on the left side. The object on the right side randomly moves left and right while attacking.'s game | AI game creator

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

No:7517

4932

A fighting game in which two pairs of objects rese..ALL
Developer User3589｜Date and time 23/7/8 12:13:11
Build time 18.505 sec｜Game capacity 2.87KB｜

以下に、指定された要件に基づいたプログラム例を示します。このプログラムは、左側のプレイヤーオブジェクトを操作して、右側のオブジェクトから攻撃を避けながら攻撃を行うゲームです。

🤼

🤺

このプログラムでは、`player`と`opponent`という2つの要素を取得し、それぞれの操作や位置の管理を行っています。`moveOpponent`関数では、`opponent`要素をランダムに左右に移動させます。`attackOpponent`関数では、`player`要素が`opponent`要素に接触しているかどうかを判定します。プログラムを実行すると、画面上には人体を模した絵文字のオブジェクトが表示されます。プレイヤーオブジェクトをクリックすると攻撃が行われ、画面上で結果がアラートで表示されます。同時に右側のオブジェクトは左右にランダムに移動し続けます。なお、このプログラムはシンプルな実装例であり、細かいゲームルールやグラフィックのデザインなどは省略しています。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

以下に、指定された要件に基づいたプログラム例を示します。このプログラムは、左側のプレイヤーオブジェクトを操作して、右側のオブジェクトから攻撃を避けながら攻撃を行うゲームです。

```html
<!DOCTYPE html>
<html>
<head>
  <title>格闘ゲーム</title>
  <style>
    #player {
      font-size: 50px;
      transform: scaleX(-1); /* テキストを水平反転 */
      cursor: pointer; /* マウスを手の形にする */
    }
    #opponent {
      font-size: 50px;
    }
  </style>
</head>
<body>
  <div id="player">🤼</div>
  <div id="opponent">🤺</div>

<script>
    var player = document.getElementById('player');
    var opponent = document.getElementById('opponent');

function moveOpponent() {
      var currentPosition = parseInt(opponent.style.left || 0);
      var randomMove = Math.floor(Math.random() * 201) - 100; // -100から100の範囲でランダムな値を生成
      var newPosition = currentPosition + randomMove;

if (newPosition > window.innerWidth - opponent.clientWidth) {
        newPosition = window.innerWidth - opponent.clientWidth;
      } else if (newPosition < 0) {
        newPosition = 0;
      }

opponent.style.left = newPosition + 'px';
    }

function attackOpponent() {
      var playerPosition = player.getBoundingClientRect();
      var opponentPosition = opponent.getBoundingClientRect();

if (playerPosition.right >= opponentPosition.left && playerPosition.left <= opponentPosition.right) {
        alert("攻撃成功！");
      } else {
        alert("攻撃失敗！");
      }
    }

opponent.style.left = (window.innerWidth / 2 - opponent.clientWidth / 2) + 'px'; // 初期位置を画面中央に設定
    setInterval(moveOpponent, 1000); // 1秒ごとに opponent をランダムに移動
    player.addEventListener('click', attackOpponent); // player をクリックした時に攻撃

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

このプログラムでは、`player`と`opponent`という2つの要素を取得し、それぞれの操作や位置の管理を行っています。`moveOpponent`関数では、`opponent`要素をランダムに左右に移動させます。`attackOpponent`関数では、`player`要素が`opponent`要素に接触しているかどうかを判定します。

プログラムを実行すると、画面上には人体を模した絵文字のオブジェクトが表示されます。プレイヤーオブジェクトをクリックすると攻撃が行われ、画面上で結果がアラートで表示されます。同時に右側のオブジェクトは左右にランダムに移動し続けます。

なお、このプログラムはシンプルな実装例であり、細かいゲームルールやグラフィックのデザインなどは省略しています。