a-frame 在间隔上改变实体位置

a-frame changing entity position on interval

我是 A-Frame 的新手,我正在尝试弄清楚它们等同于 javascript DOM 对 HTML 的操纵,但现在正在尝试弄清楚编写组件的工作原理在我脑海中浮现。

让球体在设定的时间间隔内改变位置的最佳方法是什么,比如说,基于单位向量和幅度?

AFRAME.registerComponent('position-interval', {
  tick: function (t) {
    var entity = this.el;

    // Run on an interval.
    if (t - this.time < 1000) { return; } 
    this.time = t;

    // Calculate a position.
    var position = "CALCULATE ME. e.g., {x: 1, y: 2, z: 3}";

    // Update position.
    entity.setAttribute('position', position);
  }
});