javascript - THREE.OrbitControls 对场景对象旋转的影响

Question

刚刚开始学习 THREE.js，我用基本的东西做了一个简单的场景: http://codepen.io/inspiral/full/Lewgj

一切工作正常，除了最近插入的鼠标事件处理对渲染产生的奇怪效果。

这是我使用过的鼠标事件的教程: http://threejs.org/examples/misc_controls_orbit.html

我所做的是在我的项目中添加了对 OrbitControls.js 的引用和以下代码行:

controls = new THREE.OrbitControls( camera );
controls.damping = 0.2;
controls.addEventListener( 'change', render );

它可以工作，但是我使用鼠标旋转的次数越多，立方体和粒子云的移动速度就越快。我想我错过了做某事，但不知道是什么。有什么想法吗？

谢谢!

Answer 1

由于您有动画循环，因此不需要调用

controls.addEventListener( 'change', render );

OrbitControls 没有 dampinig 属性。

加速的原因是您已将“动画循环”命名为 render()，并通过调用

controls.addEventListener( 'change', render );

每当鼠标移动时就会调用动画循环。

三.js r.69