渲染Popmotion时间轴或补间动画的帧

时间:2018-12-02 19:11:55

标签: javascript node.js popmotion

我的目标是使用NodeJS构建基于时间轴的动画。我偶然发现Popmotion并喜欢它仅返回值并可以在不同上下文中使用的方式。

我有一定数量的帧并在它们之间循环,因此我需要一个允许我在时间轴或补间中进行搜索的功能。

如何访问Popmotion时间轴或补间的每一帧?

很显然,以下代码无法正常工作,但我想展示它以说明问题:

const playback = PopMotion.timeline([
  { track: 'x', from: 0, to: 100, duration: 1000 }
]).start(v => {
  console.log(v)
}) // starts to print the x-values, automatically (not desired)

render_engine.onUpdateFrame = frame_number => {
  playback.seek(frame_number / total_frame_number) // should print the x-values for each frame_number
  render_engine.updateCanvas(stage.toCanvas())
}

render_engine.render()

0 个答案:

没有答案