旋转物体以保持在相机前

Question

我正在做一个VR菜单，我正试图让菜单留在相机前面。当你向下看并固定在视图的底部时，我试图让菜单向上滑动。菜单基于以曲线排列的多个菜单项。

以下是代码http://codepen.io/bknill/pen/BLOwLj（我必须在此CodePen中使用Orbit Controls而不是VR控件，我无法让VRControl在CodePen中工作，但它们在我的实际代码中工作正常）< / p>

camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 1, 1024);
camera.position.x = 1;
scene = new THREE.Scene();

controls = new THREE.OrbitControls(camera);
// controls = new THREE.VRControls(camera);
// controls.standing = true;

dolly = new THREE.Group();
dolly.position.set( 0, 0, 0 );
scene.add( dolly );
dolly.add( camera );

menu = new THREE.Object3D();
....
child.add(menu);

然后在渲染函数中尝试像

这样的东西

menu.rotation.x = - 1 - camera.rotation.x;

目前相机倾斜时会上下滑动，但相机旋转时也会上下滑动。

当相机通过VR控件倾斜时，让对象在X轴上旋转的最简单方法是什么？