three.js - OrbitControls 交互时自动旋转停止？

Question

如何在鼠标交互时停止 OrbitControls 的自动旋转，并在几秒钟后像 P3D.in 一样开始使用他们的 Logo (http://p3d.in/)

Answer 1

对于谷歌搜索的人，如果你想在第一次交互后停止自动旋转；您可以在 OrbitControls 发出的 3 个事件之一上连接一个事件监听器:

// stop autorotate after the first interaction
controls.addEventListener('start', function(){
  controls.autoRotate = false;
});

或者更高级，在用户结束最后一次交互后重新启动自动旋转，超时时间为 1000 毫秒:

// stop autorotate after the first interaction
controls.addEventListener('start', function(){
  clearTimeout(autorotateTimeout);
  controls.autoRotate = false;
});

// restart autorotate after the last interaction & an idle time has passed
this.controls.addEventListener('end', function(){
  autorotateTimeout = setTimeout(function(){
    controls.autoRotate = true;
  }, 1000);
});