ビデオ: Youtube動画の画面上下左右の黒いバーを削除する方法｜Helpシリーズ 2025
モバイルデバイスには非常に興味深い入力メカニズムがあり、傾けてHTML5ゲームのオブジェクトを制御できます。これは、動作を追跡する 加速度計 と呼ばれる特別なオンボードツールで動作します。加速度計は回転を実際に測定し、それを使ってゲームですばらしい傾きコントロールを得ることができます。
simpleGameライブラリには加速度計をカプセル化するAccelという特別なオブジェクトがあります。 Joyオブジェクトと非常によく似ています。
-
Accelオブジェクトを作成します。
SimpleGameにはAccelオブジェクトがあります。このオブジェクトを作成して、加速度計テストをオンにします。
-
チルトを決定する方法を使用します。
Accelオブジェクトには、回転量を示すgetAX（）およびgetAY（）という特別なメソッドがあります。
<！ - 2 - > -
加速度値を変更します。
AXとAYの値は、それぞれX軸とY軸の周りの回転量を表示します。値の範囲は-9〜9です。通常、傾きの値を変更して、必要な動作を正確に取得する必要があります。これには通常、簡単な数式計算が含まれます。
ここにアクセラレーションのコードがあります。 html：
accel。 htmlのvarのゲーム; varボール; var accel 関数init（）{game = new Scene（）;ボール=新しいスプライト（ゲーム、 "redBall。png"、50、50）; accel = new Accel（）; ゲーム。 start（）;} //終了するinit関数update（）{ゲーム。 clear（）; newDX = accel。 getAY（）; newDY = accel。 getAX（）; newDX * = -5; newDY * = -5; ボール。 setDX（newDX）; ボール。 setDY（newDY）; ボール。 update（）;}
加速度計は使いやすいです：
<！ - 3 - >-
加速度計オブジェクトを保持する変数を作成します。
変数accelを呼び出すことができます。
-
加速度を使用します。 getAX（）はXを中心に回転を取得します。
getAX（）メソッドはX軸の周りの傾きの割合を返します。 X軸は画面上を左右に移動するので、X軸回りの回転は通常Y軸に沿った動きに結びついています！
-
acccelを使用します。同様に、getAY（）メソッドは、（垂直）Y軸に沿った傾きのパーセンテージを記述します。通常は、getAY（）を使用して水平方向の動きを制御します。
Z軸は気にしないでください。
-
Z軸（画面の中心から鼻まで）に沿って回転を読み取ることもできますが、これは一般的には役に立ちません。中立位置がテーブル上で完全に平坦であると仮定する（今のところ）。
デバイスが完全に平坦なテーブルに完全に静止している場合、getAX（）およびgetAY（）の値は0になります。
-
スケーリング係数を使った実験。
通常は、getAX（）とgetAY（）の結果にある程度の量を掛けて、必要な動作を得る必要があります。両方に負の5を掛けると、dyとdxの適切な値が得られます。あなたは、あなたが望む振る舞いを正確に得るために実験する必要があります。
