Motion Path upgrading from old MorphSVGPlugin.pathDataToBezier

[Dennyno]

Hi,
I just discovered that MorphSVGPlugin.pathDataToBezier is not integrated inside newest MorphSVGPlugin, but needs the MotionPathPlugin.

I am missing something and seems not loading as it should, even changin the syntax and following the beginners documentation about MotionPath...

Something like: var path = motionPath: "#arc" - but not sure which is the problem (are the problems lol...)

Any help to make the archery working, please?

See the Pen XWYRKrb by DedaloD (@DedaloD) on CodePen.

[Dennyno]

Reference with old syntax and TweenMAX with the elder MotionPAth

See the Pen qrqpJN by pyrografix (@pyrografix) on CodePen.

[GreenSock]

There's no need for pathDataToBezier() anymore now that we've got the much more convenient/powerful MotionPathPlugin. 

 

Here's a quick fork with some corrections: 

See the Pen yLEbVZw?editors=1010 by GreenSock (@GreenSock) on CodePen.

 

Does that help?

[Dennyno]

Thanks a lot @GreenSock Jack!

In case, to make the animation start once, then freeze till user do something, shall I add another timeline?
Or do you think sould be better, basically to duplicate this one and use 2 events?

Thanks again for the hint

[GreenSock]

11 hours ago, Dennyno said:

In case, to make the animation start once, then freeze till user do something, shall I add another timeline?
Or do you think sould be better, basically to duplicate this one and use 2 events?

Sorry, I read your question 4 times and I'm still not sure what you're asking. If you need to "freeze" an in-progress animation, you can just .pause() it.