Three.js中的计时-用于互动短裤

Timing in Three.js - for interactive shorts

本文关键字：用于 js Three      更新时间：2024-04-24

我最近遇到了很多用three.js.制作的交互式短片的好例子

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

所以我想问——这些时间安排实际上是如何运作的？有已知的图书馆吗？

音乐&视觉效果完美同步，我很想知道如何同步。

我想你可能想得太多了。

// 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;
  }
}

时间在不知不觉中流逝。如果你知道自己是什么时候开始的，就很容易弄清楚自己现在在哪里。然后简单地将其与一组带有时间戳的事件进行比较，并执行它们的指令。

相关文章：