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

时间:2014-11-05 11:47:29

标签: javascript three.js

刚开始学习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 );

它有效,但我用鼠标旋转越多,立方体和粒子云的移动速度就越快。 我想我错过了什么,但不知道是什么。有什么想法吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

由于您有动画循环,因此无需调用

controls.addEventListener( 'change', render );

OrbitControls没有dampinig属性。

加速的原因是你已经命名了你的"动画循环" render(),并致电

controls.addEventListener( 'change', render );

只要鼠标移动,就会调用动画循环。

three.js r.69