Random floating effect that moves to a static position on scroll.
Hi,
I'm new to Greensock and I'm still figuring out how to do stuff. I have a question about how you could implement a certain animation. I created a demo codepen so you can see the progress so far. FYI I know it's not the cleanest code right now - I'll refractor it later... 🙄 but any help with code optimisation would also be well received!
What am I trying to achieve?
I'm trying to make the various elements (triangles, circle, squares) on the page float around rand
Yep, I think @elegantseagulls has a good idea there. A slight twist on that idea is to use modifiers to link the wandering distance to a value that you just scrub-tween with your ScrollTrigger so that it gets tighter and tighter as you scroll down.
Sorta like this:
See the Pen mdqXLZL??editors=0010 by GreenSock (@GreenSock) on CodePen
By the way, I'd strongly recommend against animating to a generic "transform" property value. You'll
