Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by b.briel

  1. Hello, Using Draggable I am getting the same message in the console; GSAP encountered missing dependency: com.greensock.plugins.CSSPlugin Even with the changes that @andynormancx suggested (I'm using the latest version) it's still in the console. Thanks!
  2. Perfect! Works like a charm, thank you very much Carl!
  3. Hello, First of all I'm still amazed by GSAP and your work, by far the best animation library out there, thank you guys! I'm using a horizontal dragger on a project and would like to use side arrows to be able to move to a certain position of the dragger area — without dragging. So, my question is; does a method exists within draggable to go to a specific value in the bounds? Here's my initialisation code: this.draggable = new Draggable(this.ui.container, { type: "x", dragClickables: true, throwProps: true, edgeTolerance: 0.25, edgeResistance: 0.85, bounds: { minX: 0, minY: 0, maxX: -Math.abs(this.max), maxY: 0 }, onDragStartScope: this, onDragEndScope: this, onDragScope: this, onDragStart: this.onTouchStart, onDragEnd: this.onTouchEnd, zIndexBoost: false, cursor: 'inerhit' }); Note that I'm not using the `scroll` type, but only `x`. Therefore I cannot use a `scrollTo` method. I was wondering if you had a similar method already in the plugin. I would simply like to add eventListeners to theses arrows and move each time by 200px (for example) the draggable container to the left / right. Thank you a lot for your work and help. Wish you the best for 2016, Baptiste
  4. Hello, I have some issues with `Draggable` and applying its bounds: First of all, creating an instance of Draggable will return an object, which seems pretty weird. It means that `this.dragger` could be accessed only with this.dragger[0]. this.dragger = Draggable.create('.section', { dragClickables: true, type: "x", bounds: { top: 0, left: 0, width: 2000, height: 0 }, edgeResistance: 1 }); this.dragger[0].applyBounds(); But calling `this.dragger[0].applyBounds()` will not update it; do you have any ideas why? I'm using the Draggable plugin from the `browser` field in the package.json as the plugin doesn't work with a regular `import` or `require` from npm (see - https://github.com/greensock/GreenSock-JS/issues/117) Thank you for your help! Baptiste
  5. Thanks for the quick answer, Carl! Actually, I use a lot `TimelineMax`, as `TweenLite` was used here for the example. I guess the `add` method is what I was looking for! Thanks a lot
  6. Hello! I am using a lot of `onComplete` callbacks as it's really useful to launch something when the animation is completed. Unfortunately sometimes when using a `easeOut`, the callback will be fired at the end of the animation - which is definitely what `onComplete` should do - but then the user has to wait for the whole animation to be completed. Sometimes it will add a 'fake' delay between the end of the animation (as the user perceive it) and the `onComplete` callback. A basic example would be to add a 'fake' scrolling at the end of the animation. TweenLite.to(this.page, 1, {autoAlpha: 0, ease: Expo.easeOut, onComplete: done}); `done` will be called a the end of the animation, when `this.page`'s opacity is at 0. Sometimes, I just do this: TweenLite.to(this.page, 1, {autoAlpha: 0, ease: Expo.easeOut}); TweenMax.delayedCall(0.9, done); So the callback is actually called 0.1 seconds before the animation stops; the user will not perceive any delays. But technically, the animation is not yet completed... What do you think about using `onComplete` like this: ? TweenLite.to(this.page, 1, {autoAlpha: 0, ease: Expo.easeOut, onComplete: {done, '-=0.1'}}); So we could add/remove time just like we do with multiple tweens inside a timeline. Let me know what you think! Thanks for building GSAP