Hi
I'm using the ScrollTrigger to scroll through a Lottie animation using the following settings:
animation = lottie.loadAnimation({...});
ScrollTrigger.create({
trigger: lottieTrigger,
start: "top top",
end: "+=750%",
scrub: true,
pin: true,
// markers: true,
onUpdate: self => {
animation.goToAndStop(self.progress * (animation.totalFrames - 1), true);
}
});
So far so good. The animation I use has "scenes" with a length of 4 seconds each. Now, I want to animate some text to fly over every scene.
What's the best way to do that? I tried using a Timeline, but the timing gave me a headache. I wasn't able to time the texts in a way, that each one flies in at exactly the start of a "scene" and disappears on top before the next "scene" starts.
Any help is greatly appreciated.
Greetings
Nick