[translating CSS cubic-bezier easing to GSAP]

You can simply make:

TweenLite.to("#yourID", 1, {x:100, ease:new Ease(BezierEasing(0.7,0,0.3,1))});

(And you have to include the bezier-easing.js library in your code.)

 

With that, you will have the complete control on the cubic-bezier values! In order to translate your CSS proprieties to GSAP for example. ;]

[Have a separate "events" plugin? (To Trigger Twine and letting it take care of the mobile/desktop gap?)]

Ok, thanks!

I understand the problematic.

 

For now I use Hammer.js, but it can be capricious (like trigger 2-3 events simultaneously on the same listener) .

But it is still manageable.

 

Have a good day!

[translating CSS cubic-bezier easing to GSAP]

+1 too

 

[Edit] Solution:

 

Use the Ease plugin with this great js library: bezier-easing.js:

TweenLite.to(mc, 5, {x:600, ease:new Ease(BezierEasing.css.ease)});

(the default css's ease! @Mark)

 

or specify any cubic-bezier:

TweenLite.to(mc, 5, {x:600, ease:new Ease(BezierEasing(0.25, 0.1, 0.0, 1.0))});

Check also this: http://greweb.me/2012/02/bezier-curve-based-easing-functions-from-concept-to-implementation/

And this, if you want directly the approximations of the principals cubic-bezier easing functions (in easing.js): https://gist.github.com/mckamey/3783009

[Have a separate "events" plugin? (To Trigger Twine and letting it take care of the mobile/desktop gap?)]

Draggable (for example) provides a great events handler, which cover transparently the gap between mobile and desktop (touch/click, release, dragStart (with finger or mouse), etc...).

 

Is it possible to use your nice events handler without any dependency on another plugin? To attach directly our own listeners which will can for example trigger specific Tween?...

 

I have not seen this plugin/core feature accessible in the library of GreenSock for now.