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

No:7379

1211

←

Prev Next

→

Mega Man
Developer User4009｜Date and time 23/7/7 2:54:41
Build time 20.435 sec｜Game capacity 2.971KB｜

Script

了解しました。以下にロックマンのゲームを実装したサンプルコードを記述いたします。ただし、絵文字の使用は対応しておりません。

ロックマン

このコードでは、ロックマンが左右に移動できます。敵と接触した場合はゲームオーバーとなり、アラートが表示されます。なお、スマホでもプレイできるようにキーボードの矢印キーを代替として使用しています。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

了解しました。以下にロックマンのゲームを実装したサンプルコードを記述いたします。ただし、絵文字の使用は対応しておりません。

```html
<!DOCTYPE html>
<html>
  <head>
    <title>ロックマン</title>
    <style>
      #game {
        width: 400px;
      }
      #player {
        position: absolute;
        top: 200px;
        left: 0;
        width: 50px;
        height: 50px;
        background-color: blue;
      }
      #enemy {
        position: absolute;
        top: 200px;
        right: 0;
        width: 50px;
        height: 50px;
        background-color: red;
      }
    </style>
  </head>
  <body>
    <h1>ロックマン</h1>
    <div id="game">
      <div id="player"></div>
      <div id="enemy"></div>
    </div>

// ゲームステータスの初期設定
      let isGameOver = false;

// プレイヤーと敵のHTML要素取得
      const player = document.getElementById('player');
      const enemy = document.getElementById('enemy');

// キーの入力イベントリスナーの設定
      document.addEventListener('keydown', (event) => {
        if (isGameOver) {
          return;
        }

if (event.key === 'ArrowRight') {
          // 右矢印キーが押されたとき
          playerPosition += 10;
        } else if (event.key === 'ArrowLeft') {
          // 左矢印キーが押されたとき
          playerPosition -= 10;
        }

// プレイヤーの移動範囲を制限
        playerPosition = Math.max(0, Math.min(playerPosition, 350));

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

// 敵との接触判定
        if (Math.abs(playerPosition - enemyPosition) < 50) {
          // プレイヤーと敵が接触した場合はゲームオーバー
          isGameOver = true;
          alert('ゲームオーバー');
        }
      });

// 敵の移動処理
      setInterval(() => {
        if (isGameOver) {
          return;
        }

// 敵の移動速度
        const speed = 5;

// 敵の位置を更新
        enemyPosition -= speed;

// 敵の位置が左端を超えたら右端に戻す
        if (enemyPosition < 0) {
          enemyPosition = 350;
        }

// 敵の位置を更新
        enemy.style.right = enemyPosition + 'px';
      }, 100);
    </script>
  </body>
</html>
```