Animating along a path

[dada78]

Hi guys,

I looked at your example here   and am excited that you can animate elements along a path using the MorphSVGPlugin. I assume that the element that should be animated needs to reside inside that SVG as per the example?

 

I for example have a specific ball image around which I need to animate "fizzing" bubbles. Any ideas on how to accomplish a curving path motion if not SVG??

 

Thanks!

See the Pen epXvKg by GreenSock (@GreenSock) on CodePen

[PointC]

Hi dada78 

 

You can use a regular DOM element or image to follow that path. Here's the same demo from above with a .png outside of the SVG following the path.

 

See the Pen vKaBxQ by PointC (@PointC) on CodePen

 

I'm not sure I understand the part of 'fizzing' bubbles around the ball. Did you mean the fizzing bubbles would follow a path? Or did you mean that the ball would follow the path and the bubbles would animate around the ball during that animation?

 

If you could put together a CodePen demo, that would be great.

 

Happy tweening.