Как я могу вызвать событие, когда анимация Lott ie достигает определенного кадра? - PullRequest
1 голос
/ 29 января 2020

Используя Lottie / BodyMoving, как я могу вызвать событие, когда анимация Lott ie достигает определенного кадра.

Например: как только anim1 достигает определенного кадра, я хочу, чтобы anim2 воспроизводился.

Спасибо

1 Ответ

2 голосов
/ 29 января 2020

try enterFrame event

  const anim = lottie.loadAnimation({ ...options, path: 'URL_TO_JSON' });
anim.addEventListener('enterFrame', () => {
  console.log('enterFrame', anim.currentFrame);
  if(anim.currentFrame == 55)
  {
  //stop and play 2nd one
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.5.9/lottie.js"></script>
 <div style="width:1067px;height:600px"  class="lottie" data-animation-path="animation/" data-anim-loop="true" data-name="ninja"></div>
...