在Three.js中计时 - 用于交互式短裤

Question

我最近遇到了许多使用three.js制作的互动短片的好例子。

一个例子是http://www.dilladimension.com/

所以我想问一下 - 那些实际工作的时间如何？任何已知的库？

音乐＆amp;视觉效果完美同步，并希望知道如何。

Answer 1

我想你可能在想这个。

// psuedo code...

// on start
music.start()
startMs = now()

// animation loop
for event in events {
  if (!event.handled && (currentMs - startMs) > timelineEvent.startMs) {
    event.doStuff();
    event.handled = true;
  }
}

时间以可预测和可衡量的方式进行。如果你知道什么时候开始，你很容易弄明白你现在的位置。然后简单地将它与一组带时间戳的事件进行比较并执行它们的指令。