Add ThrowProps tween to a Timeline

[Mark]

Hello,

 

I"m wondering how to start a timeline with a ThrowProps Tween.

this is the code i have for the Throw:

 

ThrowPropsPlugin.to(mScrollContainer,{throwProps:{y:{velocity:yVelocity, min:targetY-20, max:targetY-20, resistance:4000}

},ease:Power3.easeOut

},1,.25,0);

 

works great.  Now i want to append some animations afterwards, but i'm not sure how... What would be the proper way to write the code below? Where the throwprops is the 1st item in the timeline?

 

var moveToLock:TimelineLite = new TimelineLite();

 

moveToLock.append( // THROW PROPS ANIMATION GOES HERE // );

moveToLock.append( new TweenLite(mScrollContainer,.2,{y:targetY,ease:Power3.easeIn}) );

moveToLock.append( new TweenLite(mScrollContainer,.03,{y:"-5",ease:Linear}) );

moveToLock.append( new TweenLite(mScrollContainer,.1,{y:targetY,ease:Power3.easeIn}) );

 

 

any assistance would be warmly appreciated.

 

Sincerely,

 

Mark

[Carl]

Hi and welcome to the GreenSock forums.

 

The first thing to point out is that ThrowPropsPlugin.to() returns a TweenLite instance.

As long as you can reference that tween, you can add it to a timeline.

 

here is an example I built using your code (which i slightly modified for the unknown variables)

 

import com.greensock.*;
import com.greensock.easing.*;
import com.greensock.plugins.*;
import com.greensock.plugins.ThrowPropsPlugin;


TweenPlugin.activate([ThrowPropsPlugin]);




var throwTween:TweenLite = ThrowPropsPlugin.to(mScrollContainer,{throwProps:{y:{velocity:200, min:0, max:1000, resistance:100}
},ease:Power3.easeOut
},1,.25,0);


var tl = new TimelineLite();
tl.add(throwTween) //place throwTween at the beginning of the timeline
tl.to(mc2, 1, {y:400}); // when throwTween ends the next tween begins

The above code works with v12 of the platform. You could still use append() instead of add(), but append() has been deprecated.

 

I would strongly suggest moving away from append() and using the newer add(), from() and to() methods of TimelineLite.

[Mark]

Ah thank you Carl!  Your explanation is clear. I just starting using throwprops and didn't realize it returned a tween that way... This is much better than using oncomplete:

 

and thanks for pointing out the deprecated methods. I'll switch to add()

 

Great work. Greensock is amazing.

 

-Mark