User-defined ease on Draggable with throwProps: true

[phidur]

Hi - brand new Shockingly Green member here and I'm playing around with the throwProps plugin. Really, really liking it so far, the work you guys do is really impressive. 

 

I'm having some trouble with a few customizations. In particular, I'd like to configure my Draggable (a "drawer") with throwProps: true so that the default ease is Expo.easeOut. I've toyed around with different ways to make this happen, but I'm not quite getting it. It's almost certainly due to my unfamiliarity with the plugin, so I thought I'd ask the pros. Thanks! 

See the Pen yregxq by phidur (@phidur) on CodePen

[GreenSock]

Welcome to the club!

 

I'm not totally clear on what you're trying to do, but I assumed you wanted to make the drawer close completely if/when the user drags UP on it (at whatever velocity), and leverage ThrowPropsPlugin to match momentum. Here's a fork: 

See the Pen 72b9a589498447674b829089180e60db?editors=0010 by GreenSock (@GreenSock) on CodePen

 

And you can set an ease on the Draggable (it only affects throwProps tweens that it initiates). 

 

Does that help?

[phidur]

Great! Thanks for the response. I think this was the key piece that I was missing "y:{end:drawerY}". Works like a charm