如何在three.js渲染时滚动更新z值？

Question

我正在尝试添加滚动事件监听器to my three.js project。

我试过这段代码，但它不起作用，我也不知道为什么。

window.addEventListener("scroll", function(e) {

    console.log("scrolled")

    // code to increment object.position.z 

}, true);

我尝试了 OrbitControls.js 和 TrackballControls.js ，但它会缩放。我不想要缩放功能。

有什么想法吗？

Answer 1

如果您在画布上添加事件而不是窗口元素，该怎么办？如果你能提供一些有用的代码！

Answer 2

scroll事件只有在您通过提供超出屏幕尺寸的内容进行实际滚动时才会触发。如果画布的宽度和高度均为100％，则轮子不会发送任何scroll个事件。请改为尝试wheel事件。

window.addEventListener("wheel", function(e) {
  console.log("scrolled")
  // code to increment object.position.z 
}, true);