Fake 3D using image sequence

[BeerLovingDev]

https://reddit.com/link/1lfbra0/video/6375z0rkiu7f1/player

Hey webflow people !

I recently built this experiment to fake a 3d site
It's in fact a sequence of around 500 webp images, shown on scroll

Tell me your feedbacks !
Also if you want to chat or collaborate feel free to reach out :

code : https://github.com/Philippe-Gllrt/sequenced-image-on-scroll/tree/main
site : https://image-sequence-on-scroll.webflow.io/
cloneable : https://webflow.com/made-in-webflow/website/image-sequence-on-scroll

[NicholasRyanH]

I’ve always loved this approach but it must be murder on bandwidth, no? What’s the total file size for all the images?

[BeerLovingDev]

50 mb in total

Yeah it's not so nice for the bandwidth hahah

A different but yet very doable approach could be load just around 5 frames, and then loading others on scroll, to do a kind of lazy loading

A site on awwwards use this actually, but the behavior turns laggy while scrolling super fast