AI game creator

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

No:7165

576

←

Prev Next

→

Gatling gun
Developer User3978｜Date and time 23/7/5 22:03:10
Build time 23.294 sec｜Game capacity 3.074KB｜

Script

了解です。以下に、JavaScriptを使用してガトリング砲を作動させるゲームの実装例を示します。

このゲームでは、画面上の任意の位置をタッチすると、ガトリング砲がその方向を向き、バレットを撃ちます。バレットはゲーム画面からはみ出たら消えます。ゲーム画面はスマホ上でもプレイ可能です。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

了解です。以下に、JavaScriptを使用してガトリング砲を作動させるゲームの実装例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>ガトリング砲ゲーム</title>
  <style>
    #game-container {
      position: relative;
      width: 100%;
      height: 100vh;
      background-color: #333;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    
    #cannon {
      position: absolute;
      width: 100px;
      height: 100px;
      background-color: cyan;
      border-radius: 50%;
    }
    
    #bullet {
      position: absolute;
      width: 20px;
      height: 20px;
      background-color: red;
      border-radius: 50%;
      display: none;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="cannon"></div>
    <div id="bullet"></div>
  </div>

function rotateCannon(event) {
      const touch = event.touches[0];
      const rect = gameContainer.getBoundingClientRect();
      const touchX = touch.clientX - rect.left;
      const touchY = touch.clientY - rect.top;
      const centerX = rect.width / 2;
      const centerY = rect.height / 2;
      const angle = Math.atan2(touchY - centerY, touchX - centerX) * (180 / Math.PI);
      cannon.style.transform = `rotate(${angle}deg)`;
    }

function getRotationDegrees(obj) {
      let matrix = getComputedStyle(obj).getPropertyValue("transform");
      if (matrix !== "none") {
        let values = matrix.split("(")[1].split(")")[0].split(",");
        let a = values[0];
        let b = values[1];
        let angle = Math.round(Math.atan2(b, a) * (180 / Math.PI));
        return angle < 0 ? angle + 360 : angle;
      }
      return 0;
    }

gameContainer.addEventListener("touchmove", rotateCannon);
    gameContainer.addEventListener("touchstart", fireBullet);
  </script>
</body>
</html>
```