3D animation that continuously animates while scrolling

Hi,
I’m inspired by the use of 3D design like https://dogstudio.co/. My question is how to make such animation that continuously will animate even while you’re scrolling. What would be the process making that?

Hope to hear from you! :slight_smile:
Thnx!
Sebastiaan


Here is my public share link: LINK
(how to access public share link)

1 Like

Hi - something like this can be achieved if you create an animation (for example in C4D or AE) then you export it as an image sequence and then export it as lottie animation, then you just animate it on scroll with webflow interactions… here’s a pretty good lesson on the subject: Web animations with After Effects & Lottie | Webflow University

Hi IVG, thanks for your reply!
I’m curious though, how you can make the object float (in a continuous loop) and also use scroll animation, like the example.
Sebastiaan

Hi,

I reply very late, but I’ve recently completed this project with colleagues: https://sabre56.com. It has similarities with the dogstudio site you liked, as it also has interactive/3D particles.

We designed with a WebGL design tool I created: https://polygonjs.com
And I’ve recently created a tutorial on how to export your 3D scenes to Webflow: Webflow | Polygonjs + Webflow