TimelineMax + ScrollMagic + Lottie-web (Bodymoving). Is it possible, is it necessary?
I have recently started working with an animator who uses After Effects and the Bodymovin plugin to create SVG animations for websites. Bodymovin exports the SVG file as a JSON file, which you then run in a div via a JavaScript command from the lottie.js, Lottie Web library. (Check out the links, or scroll down further in this post for more details.)
My primary goal is to create a workflow that allows for rapid creation of custom SVG animations, and be able to control them fully with
Update #3: Lottie Animation is being controlled by GSAP, with basic functionality.
@OSUblake thanks again for all the information! I have been on a learning spree today and your insights have been invaluable.
So I think this is mostly done; although I imagine it's not very well optimized code. Trigger Tweening, and Duration Tweening both work. I haven't put the code through any stress tests to see how easily it breaks yet.
See the Pen odJKed by anot
