陀螺仪

支持开启陀螺仪，通过摇晃手机控制镜头，在 World 实例构造之后就可以通过 World 的 getGyroscope() 方法获取到陀螺仪控制器的引用。

快速使用

陀螺仪使用需要获取相关权限,必须放在按钮回调事件中使用

注意：当前仅支持在全景图模式下打开陀螺仪

// 获取陀螺仪权限, 此方法必须放在按钮回调中使用
worldInstance.getGyroscope().requestPermission()
// 关闭陀螺仪
worldInstance.getGyroscope().unRegiDeviceOrientationHandler()

// 关闭陀螺仪后再开启
worldInstance.getGyroscope().regiDeviceOrientationHandler()

如何调试

如何开启 https

陀螺仪需要在 https 下才可以正常获取权限,可通过代理到 https 或 vite-ssl 插件调试,这里提供 vite-ssl 使用方式

// 命令行安装
npm i '@vitejs/plugin-basic-ssl'

// vite.config 文件中作为插件传入

export default defineConfig({
    ...,
    plugins:[ssl()],
})

如何在网页端调试陀螺仪

在 Chrome 浏览器中打开开发者工具,右上角'自定义和控制 devtools'中选择 more tools, 选择传感器(sensor),页面上会出现陀螺仪(Orientation)相关页面,选择 custom orientation,即可在网页端控制陀螺仪