Groups | Blog | Home
all groups > flash (macromedia) > august 2004 >

flash (macromedia) : Ripple Effect?


IMDaNuBe
8/20/2004 8:52:13 PM
I would like to know how I can add ripple effect to water area without using
those image-frame-by-frame maneuvers? If at all possible?

I have a background image of a mountain and water. I want the water area to
ripple. Not the mountain. How can I do this?

Thanks in advance.

brightFlash
8/21/2004 10:44:26 AM
hi
you can have one more example
Jeckyl
8/21/2004 2:11:56 PM
I have a script based ripple example done in SWISHmax .. mine is a ripple in
a pond viewed from above, so ripples spread outward in circles .. can use
same technique for horizontal ripple spreading downward (say) for water
infront of a mountain. Also the ripple effect here follows the mouse (you
get a ripple whenever the mouse moves) .. you wouldn't need anything that
complex.

To stop the mountain rippling, use two copies of the image, and use a mask
to only apply the ripple to the water (and not the mountain).

The ripple effect uses two (or more) copies of the original image, at
differnet zoom factors and/or tints. Then you have a mask (in may case a
concentric circle rings) which is animated in script to expand. The mask
shows the zoomed copy of the image in the rings, and original image in
between.

FYI here is script-based ripple donw in SWISHmax:
http://www.swishzone.com/max_swi/ripple-on-goldfish.html (source SWI file is
there as well).

IMDaNuBe
8/22/2004 10:28:49 PM
I took a look at your's Jecky, but that's done in SWiSH. But that is kind of like the effect I want to do.

How would you do non-mouse over? So that it ripples by itself?

Jeckyl
8/23/2004 9:15:55 AM
Do you want circular or elliptical ripples (like a stone dropped in a pond)
or ripples more like waves in an ocean?

The technique is similar for both, and basically what I described in my
post.

Either makes a shape with concentric circles/ellipses (for stone-in-the-pond
ripples) or a long skinny rectangles stacked on top of each other. In each
case leave gapes of about same width as the circle/rectangle between each
one. So you end up with something that looks like an archery target, or a
series of horizontal stripes.

Animated it so that either the circles scale/shape tween outward so the
inner ring goes to position of outer ring, or top stripes goes to position
of second stripe.

Then use this as a mask over a copy of your image that is slightly scaled
large (in the case of horizontal wave, scale it slightly vertically only.
You might also want to tine the image a little darker or lighter.

The result should be a moving set of stripes or rings.

Put that over your original image and you end up with a ripple effect.

AddThis Social Bookmark Button