Building an interactive and engaging scrollstory

Hello again - bringing this to the top of the list as I would really appreciate any input and guess it drops down the thread quickly?! Thank you. Mike

Hello, i have experience with scroll based interaction (gsap) both with Lottie and threejs. I can definitely help give a few pointers and brainstorm ideas

Thank you - we have a couple of conversations going on at the moment, but let me catch up with my dev tomorrow and if appropriate I will connect you. 🙏

Sure, I understand, hope you get a effective solution for the vision you have!

Just in case I will drop a few library names and tips, even if not for yourself might help others.

• Theaterjs https://www.theatrejs.com - Its not only for 3D, can be used to retime lottie animations too
• Sprite sheet/s are better than image sequences
• Using Threejs can really help with motion graphics - https://logartis.info, https://www.dffrntera.com, https://persepolis.getty.edu
• GSAP scrolltrigger is your best bet for scroll animation.

• Break your animation into stages, where someone could pause. Use scroll snapping for these locations.
• Start loading assets asap. Use a custom load function to get assets async without blocking render.

• Avoid relative movement or change of shape for 3d objects, bake lighting when possible