threejs解决缩放到某个距离就不能继续缩放 解决方案二

threejs解决缩放到某个距离就不能继续缩放_three.js 模型无法缩放-优快云博客

在上篇中写到，可以采取更改当前观察点或者相机的位置来解决，但如果此时只在缩放，并没有能点击的物体，此方法就不太适用了。此时可以采用监听wheel事件，改变相机的fov的方式。

document.addEventListener('wheel', onDocumentMouseWheel);

function onDocumentMouseWheel(event) {
    const fov = camera.fov + event.deltaY * 0.2;
    camera.fov = THREE.MathUtils.clamp(obj.fov, 10, 75);
    camera.updateProjectionMatrix();
}

优化：采用动画让缩放更平滑

document.addEventLi