爽快アクション!倒されるまで終わらないゲーム's game

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

No:22819

←

Prev Next

→

爽快アクション!倒されるまで終わらないゲーム
Developer User10542｜Date and time 23/10/25 17:48:44
Build time 59.162 sec｜Game capacity 2.4KB｜

Script

了解しました。以下に、要件を満たすアクションゲームのサンプルコードを示します。

👾

👻

このサンプルコードでは、プレイヤー（👾）と敵（👻）が表示され、敵が左右に移動します。プレイヤーと敵が衝突した場合にゲームオーバーとなります。スマホで画面をタッチすることでゲームを開始できます。注意点として、スマホ操作には対応していますが、画面サイズやデバイスの性能によってはスムーズに動作しない場合があります。また、ゲームのルールや挙動などはご自身でカスタマイズしていただく必要があります。以上が、要件を満たすアクションゲームの実装例です。

←

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>Action Game</title>
  <style>
    #player {
      position: absolute;
      left: 50%;
      bottom: 10px;
      transform: translateX(-50%);
      font-size: 40px;
    }

#enemy {
      position: absolute;
      top: 10px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 40px;
    }
  </style>
</head>
<body>
  <div id="player">👾</div>
  <div id="enemy">👻</div>

let gameIsRunning = true;

function gameLoop() {
      if (!gameIsRunning) return;

moveEnemy();
      checkCollision();
      requestAnimationFrame(gameLoop);
    }

function moveEnemy() {
      const left = parseInt(enemy.style.left) || 50;
      const direction = Math.random() < 0.5 ? -1 : 1;
      const distance = 5;

enemy.style.left = `${left + direction * distance}%`;
    }

function checkCollision() {
      const playerRect = player.getBoundingClientRect();
      const enemyRect = enemy.getBoundingClientRect();

if (playerRect.bottom < enemyRect.top || playerRect.top > enemyRect.bottom || playerRect.right < enemyRect.left || playerRect.left > enemyRect.right) {
        return;
      }

gameIsRunning = false;
      player.textContent = "Game Over!";
    }

document.addEventListener("touchstart", () => {
      if (!gameIsRunning) {
        gameIsRunning = true;
        player.textContent = "👾";
        gameLoop();
      }
    });
  </script>
</body>
</html>
```

このサンプルコードでは、プレイヤー（👾）と敵（👻）が表示され、敵が左右に移動します。プレイヤーと敵が衝突した場合にゲームオーバーとなります。スマホで画面をタッチすることでゲームを開始できます。

注意点として、スマホ操作には対応していますが、画面サイズやデバイスの性能によってはスムーズに動作しない場合があります。また、ゲームのルールや挙動などはご自身でカスタマイズしていただく必要があります。

以上が、要件を満たすアクションゲームの実装例です。