Rebeca

Hi! I made a timeline attached to a scrolltrigger. When the SVG div appears on the screen, the title is animated, then the subtitle, the icon and each element of the formula, the problem is that the word How Genius barely "appears", the rest of the elements are animated for more than the user has not scrolled to see them, and I would need each element to follow its animation as it scrolls, how can I do? I don't want to use scrub

I need to randomize the colors to each .box. I tried utils.wrap but it places them in an order, and with "random" they all get painted a color and the color changes when updating .... What can I do? I've been with gsap for two weeks and I'm a bit dizzy with so much information

Thanks, I've tried it and it looks better! Now try invisible curved lines in the svg and traversing them with MotionPathPlugin

I have changed the original version. Made with svg MotionPathPlugin, where butterflies travel invisible lines to simulate flight

Hi there! I tried to simulate butterflies that float or fly, but I think the effect could be improved ... I see it very unnatural ... can someone give me a tip to improve it? I'm also not sure if the code I used is the most correct (just a week ago I started with gsap). It had occurred to me that butterflies fly in more sinuous ways, but I don't know how to approach it, if someone has an idea I would appreciate it! Thanks a lot