BANGERING BAY Helicopter shooter attacked from 360 degrees. Can shoot in the direction you are facing.'s game

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

No:9031

122

←

Prev Next

→

BANGERING BAY Helicopter shooter attacked from 360..ALL
Developer User4246｜Date and time 23/7/20 20:02:38
Build time 26.735 sec｜Game capacity 2.647KB｜

Script

以下は、バンゲリングベイというゲームのシューティングゲームの実装例です。

🚁

🔫

この実装では、デバイスの傾きを取得し、ヘリコプターの向いている方向に弾が飛んでいくシューティングゲームです。ヘリコプターを表す絵文字を回転させ、弾を表す絵文字を表示することで、ゲーム画面を作っています。弾の移動速度や衝突判定なども実装しています。ただし、デバイスの傾きを取得するためには、実際のスマートフォンやデバイスが必要です。PC上で実行すると、正しく動作しないことに注意してください。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

以下は、バンゲリングベイというゲームのシューティングゲームの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
  <title>バンゲリングベイ</title>
  <style>
    #game-container {
      position: relative;
      width: 100vw;
      height: 100vh;
      overflow: hidden;
      background-color: #333;
    }

#helicopter {
      position: absolute;
      left: 50%;
      bottom: 10px;
      transform: translateX(-50%);
      font-size: 30px;
    }

#bullet {
      position: absolute;
      font-size: 20px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="helicopter">🚁</div>
    <div id="bullet">🔫</div>
  </div>

const helicopter = document.getElementById('helicopter');
    const bullet = document.getElementById('bullet');
    
    let helicopterRotation = 0;
    let bulletX = 0;
    let bulletY = 0;
    let movespeed = 5;

この実装では、デバイスの傾きを取得し、ヘリコプターの向いている方向に弾が飛んでいくシューティングゲームです。ヘリコプターを表す絵文字を回転させ、弾を表す絵文字を表示することで、ゲーム画面を作っています。弾の移動速度や衝突判定なども実装しています。

ただし、デバイスの傾きを取得するためには、実際のスマートフォンやデバイスが必要です。PC上で実行すると、正しく動作しないことに注意してください。