Рендеринг кадров временной шкалы 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 ответов

Другие вопросы по тегам