threejs 物体根据相机位置显示_threejs：将相机平稳地旋转到物体上

我刚刚开始研究three.js，我在编写一个函数时遇到了一些麻烦，该函数将对象位置(Vector3)和时间(以毫秒为单位)作为参数，并逐渐旋转摄像头以在此时面对它 . 基本上是内置lookAt方法的lerp版本 .

首先，我尝试使用tweenjs来获得平滑的旋转过渡 . 对于开始和结束参数，我创建了一个虚拟对象，并将其位置，旋转和四元数设置为与摄像机相同，然后我使用它上的lookAt函数面向对象，并将其四元数存储在一个新变量“targetQuaternion” . 然后我使用此变量作为TWEEN.Tween方法中的目标参数来更新camera.quaternion . 我以前尝试使用四元数以避免旋转锁定然后旋转，但没有一个正常工作 .

function rotateCameraToObject(object3D, time) {

var cameraPosition = camera.position.clone(); // camera original position

var cameraRotation = camera.rotation.clone(); // camera original rotation

var cameraQuaternion = camera.quaternion.clone(); // camera original quaternion

var dummyObject = new THREE.Object3D(); // dummy object

// set dummyObject's position, rotation and quaternion the same as the camera

dummyObject.position.set(cameraPosition.x, cameraPosition.y, cam