RelativeOrientationSensor
RelativeOrientationSensor 接口是 传感器 API 的一部分,它描述了设备的物理方向,而不考虑地球的参考坐标系。
要使用此传感器,用户必须通过 Permissions API 授予对 'accelerometer' 和 'gyroscope' 设备传感器的访问权限。此外,此功能可能会被服务器设置的 Permissions Policy 阻止。
构造函数
RelativeOrientationSensor()-
创建一个新的
RelativeOrientationSensor对象。
实例属性
没有特定的属性;继承自其祖先 OrientationSensor 和 Sensor 的属性。
实例方法
没有特定的方法;继承自其祖先 OrientationSensor 和 Sensor 的方法。
事件
没有特定的事件;继承自其祖先 Sensor 的事件。
示例
基本示例
以下示例(松散地基于 Intel 的 Orientation Phone 演示)以每秒 60 次的频率实例化一个 RelativeOrientationSensor。
注意: 此示例基于的 Intel 演示使用了 AbsoluteOrientationSensor。在每次读取时,它使用 OrientationSensor.quaternion 来旋转手机的视觉模型。
js
const options = { frequency: 60, referenceFrame: "device" };
const sensor = new RelativeOrientationSensor(options);
sensor.addEventListener("reading", () => {
// model is a Three.js object instantiated elsewhere.
model.quaternion.fromArray(sensor.quaternion).inverse();
});
sensor.addEventListener("error", (error) => {
if (event.error.name === "NotReadableError") {
console.log("Sensor is not available.");
}
});
sensor.start();
权限示例
使用方向传感器需要请求多个设备传感器的权限。由于 Permissions 接口使用 Promise,因此请求权限的一种好方法是使用 Promise.all。
js
const sensor = new RelativeOrientationSensor();
Promise.all([
navigator.permissions.query({ name: "accelerometer" }),
navigator.permissions.query({ name: "gyroscope" }),
]).then((results) => {
if (results.every((result) => result.state === "granted")) {
sensor.start();
// …
} else {
console.log("No permissions to use RelativeOrientationSensor.");
}
});
规范
| 规范 |
|---|
| 方向传感器 # relativeorientationsensor-interface |
浏览器兼容性
加载中…