Center origin of object with bezier plugin

[thomasflad]

Hi, 

 

i try to center an object along a path animation:

 

 

How can I center the origin of the object to the center of the path? 

 

Bonus question: I use ScrollMagic, how can I achieve the same speed of object and path animation? The object should be always at the end of the path.

 

I am grateful for all the tips.

Thomas

See the Pen oXGdJM by thomasflad (@thomasflad) on CodePen

[Diaco]

Hi thomasflad 

 

you can use/set xPercent , yPercent property : http://greensock.com/gsap-1-13-1

 

like this :

TweenLite.set("#myDiv",{ xPercent : -50 , yPercent : -50 });