javascript - 拖动时围绕对象旋转相机

Question

在我的 three.js 场景中，我有一个带有 {x: 0, y:0 z:-150} 的对象.我的相机位置为 {x:0, y:0, z:75); .我想要的是用户可以在对象周围拖动相机，以便用户一直看着对象。

相机需要在向左或向右拖动时跟随给定的圆圈笔划。
我尝试使用 OrbitControls和 pivotPoint得到这个结果:

const controls = new OrbitControls( camera, renderer.domElement );
controls.update();
         
object.position.set(0, 0, -150);
pivotPoint = new THREE.Object3D();
object.add(pivotPoint);

camera.position.set(0, 0, 75);
camera.lookAt(object.position);

我现在遇到的问题是相机围绕自身而不是围绕物体旋转。

Answer 1

像这样尝试:

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

object.position.set(0, 0, -150);

const controls = new OrbitControls(camera, renderer.domElement);
controls.target.copy(object.position);
controls.update();

上述代码的想法是利用 target OrbitControls 的属性(property)代表焦点。无需手动调用 lookAt()在相机对象上。