由鼠标滚动控制的Three.js场景？

Question

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

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

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

是否可以使用.scrollTop（）距离控制three.js场景定时？

Answer 1

你可以使用Event Listener来实现它，滚动鼠标时渲染场景。

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

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