kaique Posted November 27, 2020 Share Posted November 27, 2020 Does anyone know how can I create such animation using the draggle plugin?https://lassepedersen.biz/editorial/maya-maty-caroline (NSFW) Link to comment Share on other sites More sharing options...
ZachSaucier Posted November 30, 2020 Share Posted November 30, 2020 Hey kaique and welcome to the GreenSock forums. Thanks for supporting GreenSock with a Club membership! To build this sort of thing you should start small and then build on what you have. There are two main ways of approaching this sort of thing: Create a static timeline animation that animates all of your elements in the way that you want them to be. Make sure to duplicate the first few entries to the end so that it can infinitely loop. Then when the progress reaches one, immediately change the progress to 0. I'd probably use this approach. Use the modifiers plugin to infinitely loop your entries. Then perhaps use ScrollTrigger to do the scaling animations and such. This would likely be more management if you need infinite looping though because you'd have to create and destroy ScrollTriggers. In both circumstances it probably makes sense to keep your entries with position: absolute to make calculations easier. It will definitely take some time to get it working well. Happy tweening! 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