鼠标滚动控制渲染的 Three.js 场景？答案

【问题标题】：Three.js scene rendered controlled by mouse scroll?鼠标滚动控制渲染的 Three.js 场景？
【发布时间】：2016-05-30 21:54:26
【问题描述】：

我试图通过将动画对象直接映射到鼠标滚动来控制场景中动画对象的移动。

所需的效果是一个场景，其中有一些物体在移动，但场景的进度/移动与 .scrollTop() 距离直接相关。

所需的交互类似于此示例： http://prinzhorn.github.io/skrollr-path/，但有一个 three.js 场景。

这是否可以用 .scrollTop() 距离控制 three.js 场景时序？

【问题讨论】：

我曾经使用过轨迹球控制，其中一种方法可能是当您在场景中滚动鼠标时，您捕获相机移动并在场景中使用相机坐标移动对象。由于您已经在 3d 场景中，我认为 scrolltop 不是解决它的好方法

【解决方案1】：

你可以通过Event Listener来实现，鼠标滚动时渲染场景。

document.getElementById("myDIV").addEventListener("wheel", myFunction);

function myFunction() {
   renderer.render(scene,camera);
}

【讨论】：