three.js - 如何使用 webxr 获取相机世界方向?

标签 three.js webvr webxr

我想使用camera.getWorldDirection()并访问头戴式显示器方向。我可以使用之前的 webVR API 来做到这一点。当我使用 THREE 的新 HelioWebXRPolyfill.js 时,我无法接收当前位置。

最佳答案

看来调用renderer.xr.getCamera()并没有完全复制camera.getWorldDirection()期望找到的各种相机成员属性。我不确定这个问题的根源(也许是polyfill?),但你可以通过自己计算方向来解决它:

        let xrCamera = this.renderer.xr.getCamera(sceneCamera)
        let e = xrCamera.matrixWorld.elements
        let direction = new THREE.Vector3(-e[8], -e[9], -e[10]).normalize()

关于three.js - 如何使用 webxr 获取相机世界方向?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59554505/

相关文章:

javascript - 如何在 JavaScript 中计算给定加速度的速度和位移?

three.js - 使用从 Blender 导入的模型进行镜面高光?

javascript - VSCode 上的 WebVR 开发

javascript - A 帧动画框在特定区域随机移动

electron - WebXR 在 Electron 中的地位如何?

javascript - 我们如何使用 Three.js 将等距柱状图像用于 WebXR?

javascript - Blender 导出的 json 文件未在 Three.js 中加载

three.js - 如何使用 Three.js 版本 54 隐藏/显示对象?

javascript - 为什么 Chrome Canary 不支持我的 Threejs AR [ARCore] Web 应用程序?

javascript - 如何制作动画以在框架中绕圈移动图像?