View Full Version : how is this done?

02-26-2002, 09:21 PM
I'm interested in "water effects".I found a great one at
http://www.kazsh.com . It's # 19 Fake Ripple.
He doesn't provide tutorials for his effects though.
Can anyone tell me how this effect is done?
I would very much appreciate it.:)

02-27-2002, 09:48 AM
Crerate a FLA with 3 layers. Place your image on the bottom layer. Place a copy of that image on the next layer up. Scale it 105% or so. Create an animation of an expanding ring on the next layer up. Make the layer with the ring a Mask. Make sure all the content on all the layers is centered on the stage. Play.

That's the water ripple effect. Making it work with the mouse is a bit trickier.

Hope it helps,


02-27-2002, 10:14 AM
Hi Pixelwit, how exactly is it done with the mouse? I have tried this by controlling a mask layer that's an mc but this doesn't seem to work and I got nowhere...

02-27-2002, 10:59 AM
Well. you can't control anything that is on a mask layer. That's just the way it is. You can however control a Clip that has a mask layer in it or a clip that is masked by a mask layer.

In the example above, turn your top 2 layers into a MovieClip and name it something like RippleClip. Then inside RippleClip turn the layer being masked (big image) into another MC and name it something like BigImage. When you click on the small image (bottom layer in example above) you need to set RippleClip's _x and _y to where you clicked. If you stop here it will look odd because although the ripple clip is in the right position, the image revealed by the mask is all wrong. To compensate for this you need to adjust BigImage's _x and _y properties in the direction "opposite" the direction you moved RippleClip.

Hope this helps,


02-27-2002, 12:24 PM

02-27-2002, 01:20 PM
Thanks pw, that makes sense and is a powerful technique - it took a little while for the penny to drop re using globalToLocal to reposition the masked clip.......


03-25-2002, 02:08 PM

Within the main page there is an action script for the mouse movement, especially after the mouse lft the focus of each link.

I just want to find out, how is it done?
similar page that uses this sort of script can also be found at www.mjau-mjau.com.
When a link is focused on this site, it seems that the link folow the mouse movement and bouce off after certain coordinate.
The bouncing is so natural it seems that it has been thrown away.

Please enlighten me.



03-25-2002, 02:55 PM
I agree, that's very nice. It's a mouse-trail (the square bracket movie clips change position depending on the position of the mouse) that jumps from one menu item to another if the mouse is over menu items and follows the mouse freely if it isn't, but the important thing is that it also has elasticity/bounce. Have a read of the elasticity tutorial on www.bit-101.com to start doing this.

03-27-2002, 05:34 AM
Thanks for yje reference Jim.

I ll have a go first.

Kind regards,


04-05-2002, 08:40 PM
Originally posted by pixelwit
Well. you can't control anything that is on a mask layer. That's just the way it is.

MX now supports dynamic masks. :cool: :cool:

This little demo uses them:

Expect to see plenty more wicked effects using this feature, there's loads you can do with it, esp with lighting and shadow.

Oh this is my first post on as.org, btw :D