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

No:9275

92

Giant Baba vs Antonio Inoki
Developer User4246｜Date and time 23/7/23 2:49:02
Build time 41.761 sec｜Game capacity 4.365KB｜

了解です。以下が実際のプログラムです。

ジャイアント馬場 vs アントニオ猪木

プレイヤーの操作でジャイアント馬場を動かして、アントニオ猪木を倒そう！

このプログラムは、ジャイアント馬場とアントニオ猪木のゲームを実装しています。プレイヤーは上下左右の矢印キーを操作してジャイアント馬場を動かし、アントニオ猪木との衝突を避けることが目的です。プレイヤーは画面上で表示されるプレイヤーのサイズの四角で表現され、ジャイアント馬場を象徴しています。キー操作に応じて、プレイヤーの位置が更新されます。敵は画面上で表示される敵のサイズの四角で表現され、アントニオ猪木を象徴しています。敵の位置はランダムに決定され、ゲームが進行するにつれてプレイヤーとの衝突判定が行われます。衝突が発生した場合、ゲームオーバーとなり、アントニオ猪木に倒されたというメッセージが表示されます。このプログラムは、1枚のHTMLファイルに実装されており、JavaScriptはscriptタグで囲まれています。また、スマホ操作に対応しているため、スマートフォンで遊ぶことができます。

→ 　

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>ジャイアント馬場 vs アントニオ猪木</title>
</head>
<body>
  <h1>ジャイアント馬場 vs アントニオ猪木</h1>
  <p>プレイヤーの操作でジャイアント馬場を動かして、アントニオ猪木を倒そう！</p>
  <div id="game-area" style="width: 400px; height: 400px; border: 1px solid black;"></div>

<script>
    var playerSize = 50; // プレイヤーのサイズ
    var enemySize = 50; // 敵のサイズ
    var gameArea = document.getElementById('game-area'); // ゲームエリア要素
    var player; // プレイヤーオブジェクト
    var enemy; // 敵オブジェクト
    var gameOver = false; // ゲームオーバーフラグ

// キー入力イベントリスナーの登録
    document.addEventListener('keydown', function(event) {
      if (gameOver) return;

// 上矢印キーが押された場合、プレイヤーを上に移動させる
      if (event.keyCode === 38) {
        player.y -= 10;
      }
      // 下矢印キーが押された場合、プレイヤーを下に移動させる
      else if (event.keyCode === 40) {
        player.y += 10;
      }
      // 左矢印キーが押された場合、プレイヤーを左に移動させる
      else if (event.keyCode === 37) {
        player.x -= 10;
      }
      // 右矢印キーが押された場合、プレイヤーを右に移動させる
      else if (event.keyCode === 39) {
        player.x += 10;
      }

// プレイヤーの位置を更新
      player.element.style.left = player.x + 'px';
      player.element.style.top = player.y + 'px';

// プレイヤーと敵の衝突判定
      if (checkCollision(player, enemy)) {
        gameOver = true;
        alert('ゲームオーバー！ アントニオ猪木に倒されました！');
      }
    });

// プレイヤーオブジェクトを作成
    player = {
      x: 0,
      y: 0,
      element: document.createElement('div')
    };
    player.element.style.position = 'absolute';
    player.element.style.width = playerSize + 'px';
    player.element.style.height = playerSize + 'px';
    player.element.style.background = '🤼‍♂️';
    gameArea.appendChild(player.element);

// 敵オブジェクトを作成
    enemy = {
      x: Math.random() * (gameArea.offsetWidth - enemySize),
      y: Math.random() * (gameArea.offsetHeight - enemySize),
      element: document.createElement('div')
    };
    enemy.element.style.position = 'absolute';
    enemy.element.style.width = enemySize + 'px';
    enemy.element.style.height = enemySize + 'px';
    enemy.element.style.background = '💢';
    gameArea.appendChild(enemy.element);

function checkCollision(obj1, obj2) {
      var obj1Rect = obj1.element.getBoundingClientRect();
      var obj2Rect = obj2.element.getBoundingClientRect();

return !(obj1Rect.left > obj2Rect.right ||
               obj1Rect.right < obj2Rect.left ||
               obj1Rect.top > obj2Rect.bottom ||
               obj1Rect.bottom < obj2Rect.top);
    }
  </script>
</body>
</html>
```

このプログラムは、ジャイアント馬場とアントニオ猪木のゲームを実装しています。プレイヤーは上下左右の矢印キーを操作してジャイアント馬場を動かし、アントニオ猪木との衝突を避けることが目的です。

プレイヤーは画面上で表示されるプレイヤーのサイズの四角で表現され、ジャイアント馬場を象徴しています。キー操作に応じて、プレイヤーの位置が更新されます。

敵は画面上で表示される敵のサイズの四角で表現され、アントニオ猪木を象徴しています。敵の位置はランダムに決定され、ゲームが進行するにつれてプレイヤーとの衝突判定が行われます。

衝突が発生した場合、ゲームオーバーとなり、アントニオ猪木に倒されたというメッセージが表示されます。

このプログラムは、1枚のHTMLファイルに実装されており、JavaScriptはscriptタグで囲まれています。また、スマホ操作に対応しているため、スマートフォンで遊ぶことができます。