在 Three.js 中，使用 WebVR 时，如何移动相机位置？

Question

我正在尝试调整现有的 Three.js 项目以与 WebVR 配合使用。我已经取得了不错的进展——我可以在 VR 中环顾场景，但我无法将相机位置从它产生的初始位置移开（看起来接近0,0,0，似乎有一个预定义的位置）userHeight被考虑在内）

一旦我调用，renderer.vr.setDevice( vrDisplay )似乎就创建了一个新相机，并且我的场景使用的现有相机不再使用。我想继续使用该相机，或者至少继承它的大部分属性。

我注意到有一个renderer.vr.getCamera()方法（链接到源），但我还没有找到任何如何使用它的示例或文档（或者我是否应该使用它）。奇怪的是，这个方法接受 acamera作为参数，这对于 a 来说有点不直观getter。看看代码，似乎应该调用该函数setCamera，这让我有点困惑。我尝试调用该函数并传入我现有的函数，camera但没有效果。

任何帮助表示赞赏。我正在使用 Three.js R91 在最新版本的 Android/Chrome 上使用 Google Daydream View

Answer 1

swirlybuns，只要将用户添加到场景中，Mugen87 解决方案就可以工作

var user = new THREE.Group();
user.position.set(0,0,0);
camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 0.1, 1000 );
camera.position.y = 1.6;
user.add( camera );
scene.add(user);

并在渲染循环上

user.position.setZ(camera_z_pos);
camera_z_pos -= current_velocity;

在 Three.js v102 chrome mobile v75 上测试