Using Repeat to Bounce

[soupking]

I've been trying to use Tweenmax's repeat functionality to bounce.

 

So far it's okay, but not great.

 

I'm doing this:

 

TweenMax.to(boy_mc, .5, {_y:15});

TweenMax.to(boy_mc, .5, {_y:20, delay:.5});

 

Is there a better way to do this? I try to run it faster and it just starts wigging out.

[GreenSock]

You're trying to "bounce"? Why not use the Bounce.easeOut ease? And how are you using the repeat feature? Your code looks like you're just doing two sequenced tweens.

[soupking]

Jack, you're an animation saint. Thanks for getting back to the thread.

 

Not sure about why I did things the way I did. I'll refer to your response and if I have questions, I'll retrn after I get onto this "bounce" ease you've created.

 

Best,

-soupking

[soupking]

I don't think the Bounce ease is really what I'm looking for.

 

I need something to start on a _y plane go up 5 pixel then come back down. Like a bouncing ball that never succumbs to inertia. It just keeps bouncing for a given period of time.

 

What's the best TweenLite approach for something like this?

[GreenSock]

Wouldn't this do it?:

 

TweenMax.to(mc, 0.5, {_y:"-5", repeat:-1, yoyo:true});

 

(that's v11 code - http://blog.greensock.com/v11/)

[soupking]

That's awesome!

 

Is there a way to speed up the repeat?

 

I have the animation repeating but there's a pause in between .

[GreenSock]

Nope, there's no pause inbetween - you probably just think there is because the default ease is a Quad.easeOut (so it eases out towards the end). If you use Linear.easeNone you should see a linear ease.

[soupking]

Yeah, it doens't really change much below .1 seconds if you want something to bounce really fast or jitter. It's just kind of springy.

 

That's okay though. TweenLite is still the coolest thing since sliced bread.

[GreenSock]

That may have to do with your frame rate - in order to see enough change, you need enough frames to elapse with the various inbetween states.

 

TweenLite is still the coolest thing since sliced bread.

 

Ha ha. Thanks!

[DigitalOne]

Why is "-5" written as a string? I noticed a significant difference between y: "-5" and y: -5 when i run the animation... Just trying to figure out the purpose here.

[GreenSock]

Yep, whenever a value is passed in as a String, it is interpreted as being RELATIVE. Numbers are interpreted as absolute. So these are equivalent:

 

TweenLite.to(mc, 1, {x:"-5"});

TweenLite.to(mc, 1, {x:mc.x - 5});

 

Make sense?

[DigitalOne]

ahhhh...yes. Thank you