First attempt at draggable - no easing

[Roscoeh]

Hi,

 

Maybe I have missed something but I cannot get my draggable to have the nice easing like the example.

 

See codepen.

 

Thanks.

 

R.

See the Pen vciGt by anon (@anon) on CodePen.

[Jonathan]

Hello Roscoeh, and Welcome to the GreenSock Forum

 

That easing is actually one of the 12 Principles of Animation called overshoot, and is made possible by the GSAP ThrowPropsPlugin , which is a ShockinglyGreen and higher License membership benefit.

 

View this page for more info: http://greensock.com/club/

 

Also if you look at the Draggable instance in your example it has throwProps: true .. that means Draggable needs the ThrowPropsPlugin script.

 

More info about ThrowPropsPlugin found here: http://greensock.com/docs/#/HTML5/GSAP/Plugins/ThrowPropsPlugin/

 

Taken from ThrowPropsPlugin Docs page:
 

ThrowPropsPlugin is a Club GreenSock membership benefit. You must have a valid membership to use this class without violating the terms of use. Visit http://www.greensock.com/club/ to sign up or get more details.

 

Another example that uses Draggable and ThrowPropsPlugin by GreenSock:

 

See the Pen gnoDc by GreenSock (@GreenSock) on CodePen.

 

I hope this helps!

[Carl]

Yup, Jonathan is exactly right about ThrowProps being a bonus we offer to Club GreenSock members.

 

However you are perfectly welcome to take it for a spin (ha) using our CodePen demos.

 

I forked your demo and added the ThrowProps script (click the gear next to the JS tab)

http://codepen.io/GreenSock/pen/ywpet

 

Also, feel free to experiment with and fork ANY of our Draggable / ThrowProps demos:

http://codepen.io/collection/AtuHb/