Default ease for timeline?

[gareth 8 Likes (Newbie)]

is this possible to change the default ease just for one timeline? I tried: 

var researchTl = new TimelineMax({repeat:-1,defaultEase:Elastic.easeOut});

[Carl 9,066 Likes (Superhero)]

Sorry, that isn't possible currently

[brightpixels 4 Likes (Newbie)]

Just following up on this question, is this possible to set yet or do I do it at individual tweens within the timeline.

[PointC 8,599 Likes (Superhero)]

You can't set an ease on a timeline, but you can set a default ease like this:

TweenLite.defaultEase = Linear.easeNone;

 

That new ease will be used for all the tweens created after it, but you can override it on any tween by setting a different ease for that particular tween.

 

Happy tweening.

[OSUblake 9,990 Likes (Superhero)]

If you use functions to create your animations, it's much easier to swap out and test different values, like an ease.

var tl = createSomeTimeline(Power1.easeInOut);

function createSomeTimeline(ease) {
  return new TimelineMax()
    .to(foo, 1, { x: 100, ease: ease })
    .to(bar, 1, { x: 100, ease: ease })
    .to(baz, 1, { x: 100, ease: ease });
}

 

[PointC 8,599 Likes (Superhero)]

Sure... if you wanna get all fancy with it. 

[OSUblake 9,990 Likes (Superhero)]

Nah, fancy would be using ES6 shorthand so it could be written like this. 

 

var tl = createSomeTimeline(Power1.easeInOut);

function createSomeTimeline(ease) {
  return new TimelineMax()
    .to(foo, 1, { x: 100, ease })
    .to(bar, 1, { x: 100, ease })
    .to(baz, 1, { x: 100, ease });
}

 

[PointC 8,599 Likes (Superhero)]