[Compound Path animation weirdness]

15 hours ago, Shrug ¯\_(ツ)_/¯ said:

To get a clean result when tweening "attr" and path points you need the same number of points throughout from start to end. Otherwise yes you will typically get weirdness with varying numbers of points with that approach. The MorphSVG plugin would easily help you if you need to use varying numbers of points like you have shown.

 

 Thanks!  I'll modify the svg for now, and see if I can get it working.  I don't really wanna pay for morph at the moment.

[Compound Path animation weirdness]

15 hours ago, ZachSaucier said:

Hey webhound and welcome to the GreenSock forums!

 

I'm not sure exactly what the goal is, but this seems to be the perfect use case for our MorphSVGPlugin! It has an incredibly handy feature called shapeIndex that lets you change which points are morphed between.

 

 

That's nice, and i figured Morph would do.  Unfortunately it ain't free

[Compound Path animation weirdness]

This animation is supposed to be a quadrilateral the whole time.  It's three compound paths.  I also tried this with two paths originally.  When it animates it does it in an undesirable way, though I'm fairly sure it's not gsap but possibly the way the svg was created?  Any tips would be much appreciated.

 

Click it to see it work.

 

Thanks!

See the Pen XWbrEeG by webhound2 (@webhound2) on CodePen