Scroll synchronized animation (Source Files included)

Good night people!

I´m sharing the source code of a technical demo that I´m working on for a project in progress.

Basically it´s a simple system to synchronize the animation of a glb model with the scroll (desktop and mobile).

You can define the sections, duration, speed, navigate by steps, with buttons, show stats… among other options.

Feel free to modify, improve and share it.

Demo

Source Files

14 Likes

This is pretty !!!

1 Like

it rocks!!!

1 Like

This is beautiful, but I can’t get the source files. Are they available elsewhere?

1 Like

Updated!
Thanks

CameraAnim Source Files

2 Likes

I tried this out.

Really very cool! I like the color scheme a lot!
Seems the era of 3D webs is really coming!

1 Like

This is freaking awesome! :clap::bowing_man:

I love 3D scrolling websites, saw a few of them built with other frameworks and was always interested in learning how I could make one using Babylon.

This will help a lot, thanks for sharing :slightly_smiling_face:

2 Likes

Thank you. Your work is pretty cool.

Did you ever see my library I made for this same thing? Its been used on a few production websites. Might have some stuff you could incorporate into yours!

Cool animation btw.

Super cool thanks for sharing!