Uploaded July 2021 | Updated September 2026, 1 week ago
In this lesson we're going to create a really cool effect by combining 3 of GreenSock's power tools: ScrollTrigger, MotionPath, and DrawSVG.
The demo I'll be working with was originally created by Mikel, a GreenSock Moderator and super-star.
What instantly attracted me to the demo for this lesson was how little code was needed to achieve something so seemingly complicated.
Even if you aren't familiar with all the tools being used, you should notice that each of them have a very similar syntax. Once you learn one tool it's really not that hard to get started with another.
This demo is also a great example of one of the biggest advantages of using GSAP: every animation you create can be seamlessly choreographed in a timeline that is easily controlled by advanced tools like GSDevTools and ScrollTrigger.
In other words, building something like this with other tools would be an absolute horror.
Be sure to watch the full video to see how it all comes together.
Join CreativeCodingClub.com today and Master the Art of GreenSock Animation
creativecodingclub.com/bundles/creative-coding-club
Demo: codepen.io/snorkltv/pen/KKmZYGy?editors=1000
In this lesson we're going to create a really cool effect by combining 3 of GreenSock's power tools: ScrollTrigger, MotionPath, and DrawSVG.
The demo I'll be working with was originally created by Mikel, a GreenSock Moderator and super-star.
What instantly attracted me to the demo for this lesson was how little code was needed to achieve something so seemingly complicated.
Even if you aren't familiar with all the tools being used, you should notice that each of them have a very similar syntax. Once you learn one tool it's really not that hard to get started with another.
This demo is also a great example of one of the biggest advantages of using GSAP: every animation you create can be seamlessly choreographed in a timeline that is easily controlled by advanced tools like GSDevTools and ScrollTrigger.
In other words, building something like this with other tools would be an absolute horror.
Be sure to watch the full video to see how it all comes together.
Join CreativeCodingClub.com today and Master the Art of GreenSock Animation
creativecodingclub.com/bundles/creative-coding-club
Demo: codepen.io/snorkltv/pen/KKmZYGy?editors=1000
