How to set ease outside tween call?

[ombilic]

Lets say I have this setup:

 

startPos = [0, 0, 0]

endPos  = [1, 2, 3]

 

How can i specify an easing function for this tween?

 

TweenLite.to(startPos, 1, endPos)

 

Doing endPos.ease = someEase before the tween call results in someEase undefined as expected.

 

tl;dr: Where are the easing functions in this library, TweenLite.path.to.easings?

[Diaco]

Hi ombilic 

 

pls try one of these ways :

TweenLite.to(startPos, 1, endPos) ;
endPos.ease = Back.easeOut ;

or

TweenLite.to(startPos, 1, endPos).vars.ease = Back.easeOut ;

or 

var tween = TweenLite.to(startPos, 1, endPos) ;
tween.vars.ease = Back.easeOut ;

[GreenSock]

Yep, Diaco is right as usual. This may also be helpful:

http://greensock.com/ease-visualizer

[ombilic]

As I am coming from other tweening libraries that have the easing functions as properties of  the tween object, the problem turned out to be the fact that i did not iclude the easings pack. Now all your examples work Diaco. Thanks!

 

One more question though. Isn't this solution against Javascript ethics. Having so many vars doesn't "pollute" the global namespace?

Why did you guys choose this way and not something like this:

endPos.ease = TweenLite.Easings.Bounce.easeIn;

Sorry if I am beeing too curios.

[GreenSock]

Not at all - I love the curiosity. Totally valid question. There are several reasons we handled it this way:

1. To minimize typing (clean code). It could really bloat the code you have to write if we packaged/nested things that way
2. To match the way GSAP worked in Flash. One of the biggest draws for high-end animators coming from Flash was that the API was identical in JS. 

That being said, if you WANT to have GSAP dump all its stuff into a single root object that you name yourself, that's totally possible using the GreenSockGlobals variable. GSAP looks for that at the root and if it finds it, that's where it'll put everything. So the system was designed with a lot of flexibility. If that's how you prefer to operate, go for it. 

var gsap = window.GreenSockGlobals = {};
//then load the JS files, and then...
gsap.TweenLite.to(...);

Does that answer your question?