Coin Bounce

[PixelPie]

Could anyone give me a sequence of tweens that recreates the coin bounce in CityVille?

http://apps.facebook.com/cityville/

 

It goes up, then down, then scales on the y up and down. It's really nice and bouncy and I can't seem to get it right.

[Carl]

if you could post a link to a video, that would be great.

 

I get freaked out when facebook apps ask for access to my information.

[PixelPie]

Sure thing ;o

 

 

At about 30 seconds in you'll see the xp star bounce which is the same thing.

[Carl]

here is a quick attempt:

 

import com.greensock.*;

import com.greensock.easing.*;

 

 

var tl:TimelineMax = new TimelineMax({repeat:10, repeatDelay:1})

 

tl.insertMultiple([

TweenMax.from(star, .3, {scaleX:.5, scaleY:.5}),

TweenMax.to(star, .5, {x:"50", ease:Circ.easeOut}),

TweenMax.to(star, .5, {y:"20", ease:Back.easeIn}),

 

 

TweenMax.to(star, .1, {scaleY:.7, scaleX:1.1, repeat:1, yoyo:true, delay:.5})

])

 

tweak some of the timing and scaling to suit your purposes.

 

the Back.easeIn on the y makes the star jump up a bit.

a bezierThrough might work better here.

[PixelPie]

Cool! I will play around with this ;o