三.js在正交相机的情况下放大鼠标方向

Question

我正在研究THREE.js正交相机，我正在使用'OrbitalControls.js'进行控制。我想在 3D 世界中放大鼠标方向。希望在JS中获得解决方案。我知道这不是像透视相机这样的简单解决方案。(我们添加相机方向(

Answer 1

正交相机上有一个 .zoom 参数。

尝试设置增加/减少它。

Answer 2

这可以通过找出当前缩放级别与下一个缩放级别之间的差异，然后沿鼠标方向平移来解决。

您的OrthographicCamera具有世界单位camera.right - camera.left和camera.top - camera.bottom的宽度和高度。假设您处于缩放级别 1，并且缩放到 2，将它们除以 2，然后得到以世界单位表示的新宽度和高度。

您需要找出 X Y 的差异并朝该方向平移相机。