Elastic drop-down menus

[FiZzIk]

I have seen elastic drop-down menus on a few sites, like http://www.lookandfeel.com. Being relatively new to actionscript i was wanting to know how they are made. Thanks

[pixelwit]

One post and you aready have an avatar? Too hip. Anyway...

I made a file to show how to achieve the elastic/bouncy effect.

You can look at the finished file here: http://pixelwit.com/temp/Bouncy.html

You can download the source file here:
http://pixelwit.com/temp/Bouncy.zip

Hope it helps,

-PiXELWiT
http://www.pixelwit.com

[FiZzIk]

Thanks PixelWit, that was incredibly helpful. I just wanted to know what the posStep variable controls?
thanks.

[pixelwit]

"posStep" is where all the math happens that is responsible for the bouncy effect. I added a few comments to the Zip file on my site, maybe it will clarify a few things.

Hope it helps,

-PiXELWiT
http://www.pixelwit.com

[farafiro]

Originally posted by FiZzIk
http://www.lookandfeel.com.

Hey, I think this don't belong to elastic thing it's just an animation.
here is a good tuts to Elasticity

http://www.bit-101.com

[FiZzIk]

thanks heaps PiXELWiT, that's really cleared it up. and what do u mean too hip?:D

[pixelwit]

I don't have an avatar. I am unhip. You have an avatar. You are therefore hip. Quite logical really. :)

-PiXELWiT
http://www.pixelwit.com

[micronude]

i just wanna know how they did that 'bouncy' draggable info box [news bit]... that's really nice!

anyone know where i can get my hands on something like that?

cheers

:D

[farafiro]

Originally posted by micronude
i just wanna know how they did that 'bouncy' draggable info box [news bit]... that's really nice!

anyone know where i can get my hands on something like that?

cheers

:D

Didn't u read what Pix post here

Originally posted by micronude
One post and you aready have an avatar? Too hip. Anyway...

I made a file to show how to achieve the elastic/bouncy effect.

You can look at the finished file here: http://pixelwit.com/temp/Bouncy.html

You can download the source file here:
http://pixelwit.com/temp/Bouncy.zip

Hope it helps,

-PiXELWiT
http://www.pixelwit.com

[micronude]

It helps tonnes mate... But I am trying to find a way to drag the bouncy stuff around.. i am working on a very cartoony site so this kind of thing would lend itself perfectly to that. i followed one of the links above to 101-bit.com and am currently poring over the tutorials from there... action-script don't come naturally to me!!
Again, thanks for all your help

o-0
:L:
¬

p.s. avatar?

[farafiro]

Originally posted by micronude
It helps tonnes mate... But I am trying to find a way to drag the bouncy stuff around..?

searh for elastic and elasticity here an there (flashkit/ were-here/ultrashock) you will find what u want and very more