javascript - 在 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/