To create a scroll effect
with just one animation playing in the background and orchestrate the content along with the timed animation.
To Create a scroll effect without any fancy code or effects: Just a lottiefile, textblocks and spacers
HOW WE DID IT
We started with a definition:
# 1 sec = 1000pixels
# Height of viewport = 500px
As The animation progresses from 0 to 1 sec, the screen scrolls 1000px.
“this means that the frame of animation at the end of each sec has to correspond with the content that flows into view
Like this bird shape (sort of)
Or how this shape moves aside as you scroll up