Jump to content


  • Posts

  • Joined

  • Last visited

Jérome's Achievements



  1. 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. ;]
  2. 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!
  3. +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
  4. 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.