高速UFOキャッチャー's game

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

No:31142

←

Prev Next

→

高速UFOキャッチャー
Developer User14987｜Date and time 23/12/25 8:19:17
Build time 12.085 sec｜Game capacity 1.257KB｜

Script

🛸

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>高速UFOキャッチャー</title>
  <style>
    #ufo {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 100px;
    }
  </style>
</head>
<body>
  <div id="ufo">🛸</div>
  
  <script>
    window.addEventListener('deviceorientation', handleOrientation);

var ufo = document.getElementById('ufo');
    
    function handleOrientation(event) {
      var x = event.beta;  // 前後の傾斜
      var y = event.gamma; // 左右の傾斜
      
      var bodyWidth = document.documentElement.clientWidth;
      var bodyHeight = document.documentElement.clientHeight;
      var ufoWidth = ufo.clientWidth;
      var ufoHeight = ufo.clientHeight;
      
      // 移動範囲を設定（画面端からufoのサイズを引いた範囲）
      var maxX = bodyWidth - ufoWidth;
      var maxY = bodyHeight - ufoHeight;
      
      // xとyの値を-90から90までの範囲に変換
      var newX = x / 90 * maxX / 2 + maxX / 2;
      var newY = y / 90 * maxY / 2 + maxY / 2;
      
      // 移動後の位置を設定
      ufo.style.left = newX + 'px';
      ufo.style.top = newY + 'px';
    }
  </script>
</body>
</html>