earubae Posted June 13, 2022 Share Posted June 13, 2022 Hi! Total Newbie here! I would like to know if this motionpath while scrolltrigger is possible in GSAP? Pls see this example! https://crustac.fr/ Thank you, Masters! Link to comment Share on other sites More sharing options...
akapowl Posted June 13, 2022 Share Posted June 13, 2022 Hello @earubae - welcome to the GreenSock forums! Something like that drawing path on that site you linked is most definitely possible with GSAP and its tools. Your tools of choice should be scrubbing with ScrollTrigger and the DrawSVGPlugin (DrawSVG is a bonus plugin for all Club GreenSock members, but you can test it out for free on codepen and codesandbox or locally with the gsap-trial package). See the Pen aYYOdN by GreenSock (@GreenSock) on CodePen Here is a relatively simple demo to help you get started. See the Pen rNOBLBV by GreenSock (@GreenSock) on CodePen And here is one a bit more advanced by @Trapti where she recreated something very similar as seen on lemonade.com See the Pen GRyBxeZ by tripti1410 (@tripti1410) on CodePen I hope this will help. If you get stuck along the way and have questions specific to GSAP, let us know and we'll be happy to help. Happy Tweening! 4 1 Link to comment Share on other sites More sharing options...
earubae Posted June 13, 2022 Author Share Posted June 13, 2022 Hi @akapowl, Thanks for this reference it will really help me a lot! Do I need to be a member of club for getting these tools? Link to comment Share on other sites More sharing options...
Solution GreenSock Posted June 13, 2022 Solution Share Posted June 13, 2022 DrawSVGPlugin is a membership benefit of Club GreenSock, yes. The others (core, ScrollTrigger, and MotionPathPlugin) are part of the public repository and don't require a membership. Good luck! 👍 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now