棒人間と棒人間が戦うゲーム自分で動かせる（操作）'s game

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

No:40669

←

Prev Next

→

棒人間と棒人間が戦うゲーム自分で動かせる（操作）
Developer User18220｜Date and time 24/2/3 22:15:27
Build time 12.235 sec｜Game capacity 2.427KB｜

Script

了解です。以下に棒人間と棒人間が戦うゲームのプログラムを実装します。

このプログラムでは、左右のキーで棒人間を操作することができます。プレイヤー1は左矢印キーで左に移動し、右矢印キーで右に移動します。プレイヤー2は"A"キーで左に移動し、"D"キーで右に移動します。プレイヤーの描画には絵文字を使用しています。ゲームの処理は`gameLoop`関数内で行われ、キーボードの入力状態に応じて棒人間の位置が更新されます。

←

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>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// 初期位置
    var player1X = 50;
    var player1Y = 200;
    var player2X = 350;
    var player2Y = 200;

// キーボード入力の状態管理
    var keys = {};

// キーボードイベントのリスナー登録
    window.addEventListener("keydown", function(event) {
      keys[event.keyCode] = true;
    });

window.addEventListener("keyup", function(event) {
      delete keys[event.keyCode];
    });

// ゲームループの処理
    function gameLoop() {
      update();
      render();
      requestAnimationFrame(gameLoop);
    }

// ゲームの状態を更新
    function update() {
      if (keys[37]) {
        // 左キーが押された場合
        player1X -= 5;
      }
      if (keys[39]) {
        // 右キーが押された場合
        player1X += 5;
      }
      if (keys[65]) {
        // "A"キーが押された場合
        player2X -= 5;
      }
      if (keys[68]) {
        // "D"キーが押された場合
        player2X += 5;
      }
    }

// ゲームの状態を描画
    function render() {
      // キャンバスをクリア
      context.clearRect(0, 0, canvas.width, canvas.height);

// プレイヤー1を描画
      context.font = "40px Arial";
      context.fillText("🚶", player1X, player1Y);

// プレイヤー2を描画
      context.font = "40px Arial";
      context.fillText("🚶", player2X, player2Y);
    }

// ゲームを開始する
    gameLoop();
  </script>
</body>
</html>
```