baptistebriel
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by baptistebriel
-
-
Perfect! Works like a charm, thank you very much Carl!
-
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 -
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 -
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
-
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
Is Draggable missing a dependency on CSSPlugin ?
in GSAP
Posted
Hello,
Using Draggable I am getting the same message in the console;
Even with the changes that @andynormancx suggested (I'm using the latest version) it's still in the console.
Thanks!