Reference Error: MotionPathHelper is not defined

[Ed Beltran]

I am trying to fines the motion of an element along a path. When trying to use the feature MotionPathHelper I get the error: MotionPathHelper is not defined.  How do I get the feature to work? 

 

Thanks,

Ed.

See the Pen qBoKpoB?editors=1111 by edNYNJ (@edNYNJ) on CodePen

[iDad5]

MotionPathHelper is a separate Plugin, that you have to load to function. 
I'm not sure, if the rest is what you want though, because once you include the plugin, the helper path is drifting around

[GreenSock]

Yep, here's a fork with the trial version in place: 

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

 

[EDIT: pasted the wrong URL earlier]

[Ed Beltran]

Jack + iDad5,

 

Thank you. As for the path drifting around, I think it is a matter of styling the SVG. The critical part was getting the path and button (Copy Motion Path).  Which unfortunately,  has an issue when clicked: Uncaught TypeError: Cannot set properties of undefined (setting 'value')
    at HTMLDivElement.<anonymous> (MotionPathHelper.min.js:10:39768). Any suggestions? 

 

[GreenSock]

How can I reproduce that error, @Ed Beltran? I moved points around and clicked "Copy Motion Path" and it seemed to work fine. What am I missing? 

[Ed Beltran]

Unfortunately, I unable reproduce the exact environment for the page on codepen - a work thing. I am thinking that the error is being generated due to the overall environment my page resides.  Thank you for your time and effort...

[iDad5]

Could you share a URL (via PN not publicly)? I'd try to take a look, and I promise my lips are sealed (Nobody listens to me anyhow ;-))