Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. Web APIs
  3. Gyroscope

Gyroscope

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Secure context: This feature is available only insecure contexts (HTTPS), in some or allsupporting browsers.

TheGyroscope interface of theSensor APIs provides on each reading the angular velocity of the device along all three axes.

To use this sensor, the user must grant permission to the'gyroscope' device sensor through thePermissions API. In addition, this feature may be blocked by aPermissions Policy set on your server.

EventTarget Sensor Gyroscope

Constructor

Gyroscope()

Creates a newGyroscope object.

Instance properties

Gyroscope.xRead only

Returns a double, containing the angular velocity of the device along the device's x axis.

Gyroscope.yRead only

Returns a double, containing the angular velocity of the device along the device's y axis.

Gyroscope.zRead only

Returns a double, containing the angular velocity of the device along the device's z axis.

Instance methods

Gyroscope doesn't have own methods. However, it inherits methods from its parent interfaces,Sensor andEventTarget.

Events

Gyroscope doesn't have own events. However, it inherits events from its parent interface,Sensor.

Example

The gyroscope is typically read in thereading event callback. In the example below this occurs sixty times a second.

js
let gyroscope = new Gyroscope({ frequency: 60 });gyroscope.addEventListener("reading", (e) => {  console.log(`Angular velocity along the X-axis ${gyroscope.x}`);  console.log(`Angular velocity along the Y-axis ${gyroscope.y}`);  console.log(`Angular velocity along the Z-axis ${gyroscope.z}`);});gyroscope.start();

Specifications

Specification
Gyroscope
# gyroscope-interface

Browser compatibility

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp