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

No:4799

4671

Game Hardware Wars
Developer anonymous｜Date and time 70/1/1 10:17:40
Build time unknown sec｜Game capacity 4.66KB｜

了解しました。ゲームハード戦争というゲームを作成します。以下が実装例です。

ゲームハード戦争

スマホで上下左右に移動し、ゲームハードを避けてください。

🙂

このコードは、スマートフォンの画面上でプレイヤーを操作し、ゲームハードに当たらないようにするゲームを実装しています。スマートフォンの上下左右のキーを操作することでプレイヤーを移動させることができます。ゲームハードは一定の速度で横に移動し、画面外に出ると再びランダムな位置で現れます。プレイヤーがゲームハードに当たるとゲームオーバーとなり、アラートが表示されます。ゲームオーバー後は、プレイヤーの位置がリセットされ、再度プレイすることができます。以上がゲームハード戦争というゲームの実装例です。お楽しみいただければ幸いです。

→ 　

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>
</head>
<body>
  <h1>ゲームハード戦争</h1>
  <p id="instructions">スマホで上下左右に移動し、ゲームハードを避けてください。</p>
  <div id="player">🙂</div>
  <div id="game-area"></div>

<script>
    // ゲームエリアのサイズ
    const gameAreaWidth = 300;
    const gameAreaHeight = 300;

// プレイヤーの初期位置
    let playerX = 150;
    let playerY = 150;

// ゲームハードの初期位置
    let gameHardX = Math.floor(Math.random() * (gameAreaWidth - 50));
    let gameHardY = Math.floor(Math.random() * (gameAreaHeight - 50));

// ゲームハードの移動速度
    const gameHardSpeed = 5;

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

// キーダウンイベントのリスナーを設定
    window.addEventListener('keydown', function(event) {
      switch (event.key) {
        case 'ArrowUp':
          playerY -= 10;
          break;
        case 'ArrowDown':
          playerY += 10;
          break;
        case 'ArrowLeft':
          playerX -= 10;
          break;
        case 'ArrowRight':
          playerX += 10;
          break;
      }
      updatePlayerPosition();
    });

// プレイヤーの位置を更新する関数
    function updatePlayerPosition() {
      player.style.left = playerX + 'px';
      player.style.top = playerY + 'px';
    }

// ゲームハードの位置を更新する関数
    function updateGameHardPosition() {
      const gameHard = document.getElementById('game-hard');
      if (gameHard) {
        gameHard.parentNode.removeChild(gameHard);
      }

gameHardX += gameHardSpeed;
      if (gameHardX >= gameAreaWidth) {
        gameHardX = -50;
        gameHardY = Math.floor(Math.random() * (gameAreaHeight - 50));
      }

const newGameHard = document.createElement('div');
      newGameHard.id = 'game-hard';
      newGameHard.innerHTML = '🎮';
      newGameHard.style.position = 'absolute';
      newGameHard.style.left = gameHardX + 'px';
      newGameHard.style.top = gameHardY + 'px';
      document.getElementById('game-area').appendChild(newGameHard);
    }

// ゲームハードの位置を定期的に更新する
    setInterval(updateGameHardPosition, 20);

// プレイヤーとゲームハードの当たり判定をチェックする関数
    function checkCollision() {
      const playerRect = player.getBoundingClientRect();
      const gameHardRect = document.getElementById('game-hard').getBoundingClientRect();

if (playerRect.top < gameHardRect.bottom &&
          playerRect.bottom > gameHardRect.top &&
          playerRect.left < gameHardRect.right &&
          playerRect.right > gameHardRect.left) {
        alert('ゲームオーバー！ゲームハードに当たりました！');
        resetGame();
      }
    }

// ゲームをリセットする関数
    function resetGame() {
      playerX = 150;
      playerY = 150;
    }

// ゲームエリア上でのプレイヤーの移動を制限する
    function restrictPlayerMovement() {
      if (playerX < 0) {
        playerX = 0;
      } else if (playerX + 50 > gameAreaWidth) {
        playerX = gameAreaWidth - 50;
      }

if (playerY < 0) {
        playerY = 0;
      } else if (playerY + 50 > gameAreaHeight) {
        playerY = gameAreaHeight - 50;
      }
    }

// ゲームのメインループ
    function gameLoop() {
      restrictPlayerMovement();
      checkCollision();
      updatePlayerPosition();
      requestAnimationFrame(gameLoop);
    }

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

このコードは、スマートフォンの画面上でプレイヤーを操作し、ゲームハードに当たらないようにするゲームを実装しています。スマートフォンの上下左右のキーを操作することでプレイヤーを移動させることができます。ゲームハードは一定の速度で横に移動し、画面外に出ると再びランダムな位置で現れます。プレイヤーがゲームハードに当たるとゲームオーバーとなり、アラートが表示されます。ゲームオーバー後は、プレイヤーの位置がリセットされ、再度プレイすることができます。

以上がゲームハード戦争というゲームの実装例です。お楽しみいただければ幸いです。