[Problem with MorphSVGPlugin]

Thanks.

I still can not figure out how to connect my frame 3 with the curve of the guide?

 

See the Pen ENwEQZ by BlackStar1991 (@BlackStar1991) on CodePen

 

And yet, how to loop the animation?

[Problem with MorphSVGPlugin]

Thanks for the help.

The question of filling SVG.

I can't understand why my code here

     <style type="text/css">

              .st0{fill:#D40006;stroke:#fff;stroke-miterlimit:10;}

      </style>

dosn't work.Why my ball doesn't have background: red ? (fill:#D40006).

 

On my main idea it should work as follows:

 

 

1 Frame) the transition from the position (x1 y1) to position (x2 y2) with transformation ball.

2 Frame) the transition from the position (x2 y2) to position (x3 y3) using a form of curved line lite a guide-line.

In a position (x3 y3) my ball should disappearing, and the cycle should begin again.

 

 

How I can use form of  $('#lineC') just like a  a guide-line(path on which to move the ball)?

 

[Problem with MorphSVGPlugin]

See the Pen ENwEQZ by BlackStar1991 (@BlackStar1991) on CodePen

I can't understand why it does not work. Maybe you will find my errors.

In addition, can you tell me why not use built-in function for filling SVG 

 

<style type="text/css">

.st0{fill:#D40006;stroke:#000000;stroke-miterlimit:10;}

</style>  

???

[Problem with MorphSVGPlugin]

Hi, all.

I just started to learn GSAP, and I got a problem with the connection MorphSVGPlugin library.

I use these plugins

<script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/MorphSVGPlugin.min.js"></script>

<script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/DrawSVGPlugin.js"></script>

But when I watching moving about MorphSVG

 

I could not connect properly library. Can you help me to fix this problem?