Question

问题

当您使用鼠标滚轮滚动时，我希望实现像this site上找到的平移动画，即仅限制摄像机平移到X轴并使滚动平移。我也希望这在链接的例子中是平滑/动画的。

观

我的第一个想法是使用Three.js OrbitControls 包含平移功能。我原本以为我会改变从鼠标右键到中鼠的平移控制按钮，然后限制平移工作的平面（X. 轴）。

我找到了以下代码（来自source code的代码 OrbitControls）：
```
controls.mouseButtons = { ORBIT: THREE.MOUSE.LEFT, ZOOM: 
THREE.MOUSE.MIDDLE, PAN: THREE.MOUSE.RIGHT };
```
并尝试将其更改为我的脚本文件中的以下内容。
```
controls.mouseButtons = { ORBIT: THREE.MOUSE.LEFT, ZOOM: 
THREE.MOUSE.RIGHT, PAN: THREE.MOUSE.MIDDLE };
```
但这没效果。
我的第二个想法是使用JQuery检测滚动事件然后在用户滚动时沿X轴移动实际相机。我还没有尝试过，因为我觉得使用OrbitControls是正确的方法来实现我想要的效果，正如我所知道的那样我提供的网站已启用OrbitControls。我显然可以错了。

我在寻找什么

谢谢！