三.js 轨道控制如何逐渐平稳地停止，而不是在平移时立即停止

Question

当我在屏幕上平移场景时，我应该如何设置OrbitControls以使场景逐渐停止，而不是立即停止，就像这个网站一样？

这是我的代码。

controls = new THREE.OrbitControls( camera, renderer.domElement );
controls.mouseButtons = {
    ORBIT: THREE.MOUSE.RIGHT,
    ZOOM: THREE.MOUSE.MIDDLE,
    PAN: THREE.MOUSE.LEFT
};
controls.enableDamping = true;
controls.dampingFactor = 0.25;
controls.screenSpacePanning = false;
const direction = new THREE.Vector3();
camera.getWorldDirection(direction);
camera.getWorldPosition(controls.target);
controls.target.addScaledVector(direction, 50);

谢谢！！

Answer 1

使用您的代码时，我可以看到计算机上的阻尼，请参阅 https://jsfiddle.net/p2kgvxoc/。您可能希望将OrbitControls.dampingFactor设置为较低的值，以使阻尼效果更加明显。还要确保使用活动的渲染循环。