三.js + WebVR 设置相机观看位置 "height"

Question

使用 standard example WebVR script 在 ThreeJS r87 中进行开发。使用 Google Cardboard 在我的手机上通过 Chrome 成功渲染了 VR 中的 3D 场景。

当我使用 VR 时，相机/观看者的视角位于世界的中心 (0, 0, 0)。地板水平穿过我的视线，我抬头看着所有的物体。

我尝试使用以下方法改变 VR 耳机的视角:

camera.position.set(0, 15, 0); 

但它似乎只是忽略/覆盖它。

现在位置总是固定的吗？我是否需要将所有场景对象放在一个组中并四处移动以创建用户在场景中移动/飞行的效果？

查看 ThreeJS 库，我可以看到其他耳机中存在诸如用户高度之类的概念:https://github.com/mrdoob/three.js/blob/dev/examples/js/controls/VRControls.js#L58但对他们的支持似乎也很不稳定。

我在 ThreeJS 之外深入挖掘到 VRDisplay并找到像 VRDisplay.getPose() 这样的东西来获取 VRPose 的实例但它正在被弃用，我不确定为什么？

解释和解决方案将不胜感激。

Answer 1

您是否尝试过将相机放在一个组中？

var user = new THREE.Group();
user.position.set( 0, 15, 0 );
scene.add( user );
user.add( camera );

See from Line #60 here.