[Mo.js Burst Animation with GSAP]

Hi Zach, 

 

Thanks for the reply. I guess the thing that is puzzling me slightly is in the codepen I have linked you can create multiple burst elements round the button by updating the count. In GSAP would I have to create multiple SVG's and change the position of each element, or, is there a way to loop through them and programmatically update  their position based of the button.   

 

See the Pen dpKPYg by gowriprasanthvm (@gowriprasanthvm) on CodePen

 

 

[Scroll Trigger React]

Not sure if this will help but I think the issue may be due to tree shaking. Another GSAP user had an issue with the Draggable plugin and fixed it by using a useEffect hook (link below). It might be worth posting a comment on a Gatsby forum also as I believe you should be able to register the plugin in the gatsby-node.js file.

 

Link to similar issue

 

Hope this helps or at least points you in the right direction. 

 

Andy

[Mo.js Burst Animation with GSAP]

Hello, 

 

I am try to create some UI micro interactions for my buttons on a react app I am currently developing. I have seen Mo.js and I noticed that it had a easy way to add burst animations using a burst object. I have never really tackled any complex animation with GSAP,  so I was hoping someone may offer an opinion on a way to tackle these types of animations (ideally with GSAP 3)?

 

Thanks 

 

A

See the Pen 6caf96461207a5caa9226fbd2631569d by sol0mka (@sol0mka) on CodePen