如何在不旋转的情况下在three.js中设置照相机的位置？

Question

我有一个使用CSS3DObject渲染工具使用three.js开发的接口。 我已将轨道设置为0以防止旋转并将运动限制为平移和缩放。

请注意，我也在使用Orbit Control。

我使用以下代码将摄像机的位置设置为x = -2000：

camera.position.x=-2000;
camera.position.z=4000;

当我这样做时，相机移动位置，但仍指向（0,0,0），导致外观偏斜。 所以我认为我需要给它一个向量

camera.up = new THREE.Vector3(0,1,0);  //keeps the camera horizontal
camera.lookAt(new THREE.Vector3(2000,0,0));  //should point the camera straight forward

请注意，我仍在设法很好地说明如何设置lookAt。

Answer 1

经过更多研究后，似乎轨道控制已覆盖了camera.lookAt，因此，它什么也没做。 为了实现平移，我将摄像机的位置x位置设置为等于目标值。 我还删除了camera.up行。

var myCameraX = -2000;
var myCameraY = 500;

camera.position.x=myCameraX;
camera.position.y=myCamerYa;
control.target.set(myCameraX,myCameraY,0);

希望能对某人有所帮助。