Dennyno Posted November 11, 2022 Share Posted November 11, 2022 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 Link to comment Share on other sites More sharing options...
Dennyno Posted November 11, 2022 Author Share Posted November 11, 2022 Reference with old syntax and TweenMAX with the elder MotionPAth See the Pen qrqpJN by pyrografix (@pyrografix) on CodePen Link to comment Share on other sites More sharing options...
Solution GreenSock Posted November 11, 2022 Solution Share Posted November 11, 2022 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? 1 Link to comment Share on other sites More sharing options...
Dennyno Posted November 28, 2022 Author Share Posted November 28, 2022 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 Link to comment Share on other sites More sharing options...
GreenSock Posted November 28, 2022 Share Posted November 28, 2022 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. 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now