DOM

インターフェイス

Accelerometer インターフェイス

  編集:2022.04.04 by T.A.

MS(en-US)

実験的: これは実験的技術です。これを本番環境で使用する前に、ブラウザの互換性テーブルを注意深く確認してください。

センサーAPI(en-US)の加速度計インターフェースは、3つの軸すべてに沿ってデバイスに適用される加速度を読み取りごとに提供します。

このセンサーを使用するには、ユーザーは「加速度計」に権限を付与する必要があります。Permissions(権限)APIを介したデバイスセンサー。

機能ポリシーが機能の使用をブロックしている場合は、コードがサーバーに設定されているポリシーと矛盾していることが原因です。これは、ユーザーに表示されるものではありません。Feature-Policy HTTPヘッダーの記事には、実装手順が含まれています。

コンストラクター
new Accelerometer()
新しい Accelerometer(加速度計) オブジェクトを作成します。
プロパティ

以下にリストされているプロパティに加えて、Accelerometer は、その親インターフェイスである Sensor および EventTarget からプロパティを継承します。

Accelerometer.x 読取専用
デバイスの x 軸に沿ったデバイスの加速度を含む double を返します。
Accelerometer.y 読取専用
デバイスの y 軸に沿ったデバイスの加速度を含む double を返します。
Accelerometer.z 読取専用
デバイスの z 軸に沿ったデバイスの加速度を含む double を返します。
メソッド

Accelerometer には独自の方法はありません。ただし、親インターフェイスである SensorEventTarget からメソッドを継承します。

イベント

Accelerometer には独自のイベントはありません。ただし、親インターフェイスである Sensor からイベントを継承します。

Acceleration(アクセラレーション)は通常、読み取りイベントコールバックで読み取られます。以下の例では、これは1秒間に60回発生します。
let acl = new Accelerometer({frequency: 60});
acl.addEventListener('reading', () => {
  console.log("Acceleration along the X-axis " + acl.x);
  console.log("Acceleration along the Y-axis " + acl.y);
  console.log("Acceleration along the Z-axis " + acl.z);
});

acl.start();

テスト
HTML:

ここに表示
スクリプト組み込み:



スクリプト:


スクリプト:



表示内容:
表示内容: