Tweaking the bounce ease

[eerdepeer]

I really need some help here. Tried to figure this out myself, but I can't.

 

I've successfully created a nice little tween with this code: TweenLite.from(sm.origin, 1, {x:500, ease:Bounce.easeOut, delay:1});

The problem is that the bounce ease is too wide. The mc comes from x:500 and goes to x:-50 (for about) and then stops at x:0.

I'd like this ease to relax a bit, but still bounce in the end. The speed and the origin distance need to stay these values.

 

I tried to tweak the bounce by adding some figures: TweenLite.from(sm.origin, 1, {x:500, ease:Bounce.easeOut(2, 2, 2, 2), delay:1});

But this doesn't help. The ease becomes linear. (I also don't have any idea what these figures mean)

 

Hope someone else does...

[GreenSock]

Please see this post: viewtopic.php?f=1&t=1924&p=7128#p7128

 

Bounce doesn't accept any extra parameters.

[eerdepeer]

Bummer! Thnx anyway.

 

This custom easy preview stays black (http://blog.greensock.com/customease/) Too bad it's broken...

[GreenSock]

Wups, sorry - I recently switched something on the server which broke that link - it's fixed now. Thanks for letting me know.

[eerdepeer]

Wow, thanks for fixing that so quickly! This custom ease isn't what I'm looking for actually, the tweening method is too soft/round.

 

Is there maybe another way to let my mc's bounce with less amplitude With the bounce ease, my mc's move bounce too far over the x-axys at the ending of the tween. It's a tougher job to get this done than I thought.

[GreenSock]

Yeah, CustomEase isn't really meant for sharp turns like that. You could either create your own version of the Bounce ease and tweak the equations (if you're not good at math, this may be unrealistic) or just break your bounce down into several separate tweens, one for each curve on the bounce. In fact, I'd probably use a bezier tween and simply adjust the y values and durations (assuming you're doing a tween on the y property). Dump 'em into a TimelineLite so you can easily sequence them and then control it as a whole, like:

mc.y = 0;
var bounce:TimelineLite = new TimelineLite();
bounce.append( new TweenMax(mc, 0.5, {y:300, ease:Quad.easeIn}) );
bounce.append( new TweenMax(mc, 0.7, {bezier:[{y:100},{y:300}], ease:Linear.easeNone}) );
bounce.append( new TweenMax(mc, 0.5, {bezier:[{y:200},{y:300}], ease:Linear.easeNone}) );
bounce.append( new TweenMax(mc, 0.3, {bezier:[{y:260},{y:300}], ease:Linear.easeNone}) );

[eerdepeer]

Wow, I totally forgot that I've posted this.

The project is still not closed, so I am definitely going to try this out soon! Thanks.

[dustymax]

here is how the source will look if you want the object to bounce just once:

 

package com.greensock.easing {
public class Bounce {
 public static function easeOut (t:Number, b:Number, c:Number, d:Number):Number {
  if ((t/=d) < (1/2.75)) {
   return c*(7.5625*t*t) + b;
  } else if (t < (2/2.75)) {
   return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
  } else
  return c;
 }
 public static function easeIn (t:Number, b:Number, c:Number, d:Number):Number {
  return c - easeOut(d-t, 0, c, d) + b;
 }
 public static function easeInOut (t:Number, b:Number, c:Number, d:Number):Number {
  if (t < d*0.5) return easeIn (t*2, 0, c, d) * .5 + b;
  else return easeOut (t*2-d, 0, c, d) * .5 + c*.5 + b;
 }
}
}

 

the only problem is that such ease will run some time at the end of the tween without modifying the props.