javascript - 如何设置控件的第一个 lookAt/target

Question

我需要设置场景的初始“lookAt”点，这将是屏幕和控件旋转的中心。如果可能的话，我更愿意设置一个点(或一个对象的位置)，而不是旋转 Angular 。

控件是OrbitControl。如果我只是在控件初始化之前设置 lookAt，则在第一次用户交互时中心将恢复到 (0,0,0)，这会导致“间隙”...

// camera
camera = new THREE.PerspectiveCamera( 35, window.innerWidth / window.innerHeight, 0.1, 20000);
camera.position.set(0,20,20);
camera.lookAt(new THREE.Vector3(0,10,0));

// controls
controls = new THREE.OrbitControls( camera );
controls.addEventListener( 'change', render );

如何正确设置初始点？

Answer 1

尝试设置控件的目标并删除 camera.lookAt 调用:

controls.target = new THREE.Vector3(0, 10, 0);
controls.update();