在 Three.js 中移动对象

Question

我想将一个对象从一个地方移动到另一个地方。移动，而不是翻译。我的意思是，当我点击一个按钮（该部分完成）时，该对象应该开始移动并停在另一个地方。

我已经介绍过 tranlateX、Y、Z 方法，但它们平移对象而不是实际移动。

到目前为止，这是我的功能，但是 three.js 完成速度如此之快，感觉就像是翻译。

function moveButton{
   for (var i = 0 ; i <= 2000; i++){
     model.translateX(.001);
     model.translateY(.001);
      }
}

这里是我想要的一个很好的例子： https://stemkoski.github.io/Three.js/Model-Animation-Control.html 但不是那样，我只想按一次按钮，让它流畅地移动一会儿。

有什么帮助吗？

Answer 1

在 for 循环中执行此操作是不可能的，因为 JavaScript 在那里阻止了浏览器，它与 three.js 无关。

对动画使用tween.js：http://learningthreejs.com/blog/2011/08/17/tweenjs-for-smooth-animation/

Answer 2

您可以使用 model.position.x +=0.001。 .y 和 .z.

相同