I am plannig new website. I am working on short animation in 3D interior (just 1sec camera movement). I’ll export it to separate images and my goal is to do fullscreen hero (100VH/100VW) with page scroll interaction (when scroll down camera will move in interior). Images will be 1920x1080, and it’s not problem to crop them on smaller screen sizes. (like portrait mobile view - 100VH 100 VW). Aspect ratio has to be as original.
Any ideas how to do it? Is it possible to create via lottie an sequence with default aspect ratio and “hide” both sides of animation if viewport width will be smaller and still keep 100VH of an animation?
For better understanding like in this tutorial: https://www.youtube.com/watch?v=hY1a94niwpY (but in fullscreen)
Thanks a lot for any tips!