BlackStar

Thanks. I still can not figure out how to connect my frame 3 with the curve of the guide? http://codepen.io/BlackStar1991/pen/ENwEQZ And yet, how to loop the animation?

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)?

http://codepen.io/BlackStar1991/pen/ENwEQZ 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> ???

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?