PDA

View Full Version : how is this done?


mac
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.:)

pixelwit
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,

-PiXELWiT
http://www.pixelwit.com

jimburton
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...

pixelwit
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,

-PiXELWiT
http://www.pixelwit.com

Tink
02-27-2002, 12:24 PM
wicked

jimburton
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.......

:)

kuang1
03-25-2002, 02:08 PM
Hi,

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.

Regards,

Suria

jimburton
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.

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

I ll have a go first.


Kind regards,

Suria

ProAnimate
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:
http://www.proanimate.com/rendertest.html

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