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

No:14492

103

←

Prev Next

→

銃撃戦
Developer User6248｜Date and time 23/9/2 14:22:11
Build time 22.52 sec｜Game capacity 2.34KB｜

Script

以下はスマートフォンで遊べる銃撃戦のゲームの実装例です。

銃撃戦ゲーム

👤 👹

このゲームでは、「👤」がプレイヤーを表し、「👹」が敵を表します。ボタンを押すことでプレイヤーが敵に向かって銃を撃ちます。もし銃弾が敵に当たれば「敵を倒しました！」と表示され、敵の位置がランダムに変わります。銃弾が外れた場合は「外れました！」と表示されます。ゲームはスマートフォンでプレイすることを前提としています。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

以下はスマートフォンで遊べる銃撃戦のゲームの実装例です。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>銃撃戦ゲーム</title>
  <style>
    body {
      text-align: center;
      font-size: 40px;
    }
  </style>
</head>
<body>
  <h1>銃撃戦ゲーム</h1>
  <p>
    <span id="player">👤</span>
    <span id="enemy">👹</span>
  </p>
  <button onClick="shoot()">撃つ</button>

function updateEnemyPosition() {
      const enemy = document.getElementById("enemy");
      const position = randomPosition();
      enemy.style.left = position.x + "px";
      enemy.style.top = position.y + "px";
    }

function shoot() {
      const player = document.getElementById("player");
      const enemy = document.getElementById("enemy");

const playerX = player.offsetLeft + player.offsetWidth / 2;
      const playerY = player.offsetTop + player.offsetHeight / 2;
      const enemyX = enemy.offsetLeft + enemy.offsetWidth / 2;
      const enemyY = enemy.offsetTop + enemy.offsetHeight / 2;

const distance = Math.sqrt((playerX - enemyX) ** 2 + (playerY - enemyY) ** 2);

if (distance < 100) {
        alert("敵を倒しました！");
        updateEnemyPosition();
      } else {
        alert("外れました！");
      }
    }

window.addEventListener("DOMContentLoaded", () => {
      updateEnemyPosition();
    });
  </script>
</body>
</html>
```