# Water Ripple effect

**URL:** <https://forum.kirupa.com/t/water-ripple-effect/11270>\
**Category:** flash\
**Created:** [January 14, 2003, 9:40pm UTC](https://forum.kirupa.com/t/water-ripple-effect/11270 "2003-01-14T21:40:26Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![ratchez](https://avatars.discourse-cdn.com/v4/letter/r/f6c823/32.png) [@ratchez](https://forum.kirupa.com/u/ratchez)\
**Post date:** [January 14, 2003, 9:40pm UTC](https://forum.kirupa.com/t/water-ripple-effect/11270/1 "2003-01-14T21:40:26Z")

</div>

Hi All, I’m brand spanking new to this world of flash. I have made a ripple effect I plan on using on my website, but I would like to make the ripples only appear when clicked on. I found a tutorial on this but it was for flash 4 and I’m using MX. Since I’m new to this actionscripting is something I have not mastered yet, so I don’t know how to translate ity from Flash 4 to MX. Can anyone help me?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [January 14, 2003, 9:42pm UTC](https://forum.kirupa.com/t/water-ripple-effect/11270/2 "2003-01-14T21:42:18Z")

</div>

well show us the code!:geek::beam: n’ we’ll see what we can do!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [January 14, 2003, 9:47pm UTC](https://forum.kirupa.com/t/water-ripple-effect/11270/3 "2003-01-14T21:47:42Z")

</div>

I would also enjoy seeing the code for this ‘ripple’ effect!  
Please upload!!!  
with attachment!!!😉 :hair: :beam: :chinaman: :nerd: :crazy: =) :goatee:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [January 14, 2003, 10:15pm UTC](https://forum.kirupa.com/t/water-ripple-effect/11270/4 "2003-01-14T22:15:30Z")

</div>

I tried sending the fla. but it’s too big but here is the where I got it from I used the basic water ripple at the top. Hope this helps

[http://www.freehandsource.com/\_test/ripple.html](http://www.freehandsource.com/_test/ripple.html)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [January 14, 2003, 10:53pm UTC](https://forum.kirupa.com/t/water-ripple-effect/11270/5 "2003-01-14T22:53:26Z")

</div>

reminds me of a sig I did a while back 🙂

[http://userpages.umbc.edu/~tmccau1/flash/sig.html](http://userpages.umbc.edu/~tmccau1/flash/sig.html)

monkey - yay

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [January 14, 2003, 11:13pm UTC](https://forum.kirupa.com/t/water-ripple-effect/11270/6 "2003-01-14T23:13:27Z")

</div>

yeah that’s basically what I’m wanting

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [January 14, 2003, 11:14pm UTC](https://forum.kirupa.com/t/water-ripple-effect/11270/7 "2003-01-14T23:14:08Z")

</div>

See that’s the code I wanna see from senocular!

However ratchez, your movie is all done with masking and tweens!

You could redo it without clips and keep it all on the main timeline put a keyframe on frame 2 and stick the code below into frame 1.

stop();  
this.onMouseDown = function(){  
gotoAndPlay(2);  
}

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [January 14, 2003, 11:16pm UTC](https://forum.kirupa.com/t/water-ripple-effect/11270/8 "2003-01-14T23:16:48Z")

</div>

mines masking and tweens… actually its been a while since I made it (its flash 5) so I dont remember. Youre more than welcome to the source to anything I have.

[http://userpages.umbc.edu/~tmccau1/flash/sig.fla](http://userpages.umbc.edu/~tmccau1/flash/sig.fla)

( :downloads it so he can see how it was made: )

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [January 14, 2003, 11:31pm UTC](https://forum.kirupa.com/t/water-ripple-effect/11270/9 "2003-01-14T23:31:24Z")

</div>

Thanks Senocular Hopefully this will help:beam:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [January 14, 2003, 11:42pm UTC](https://forum.kirupa.com/t/water-ripple-effect/11270/10 "2003-01-14T23:42:09Z")

</div>

actually looking back on it, its not exactly the easiest thing to follow… I did though (surprisingly) do a lot of commenting. If you get totally baffled, let me know and I can walk through it.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [January 15, 2003, 12:06am UTC](https://forum.kirupa.com/t/water-ripple-effect/11270/11 "2003-01-15T00:06:21Z")

</div>

kewl I let you know if I need further help:beam:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [January 15, 2003, 12:11am UTC](https://forum.kirupa.com/t/water-ripple-effect/11270/12 "2003-01-15T00:11:03Z")

</div>

Took me a while but I kinda got my mind around it. seems mx might have some easier ways to do it.

Great file though!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [January 15, 2003, 12:17am UTC](https://forum.kirupa.com/t/water-ripple-effect/11270/13 "2003-01-15T00:17:26Z")

</div>

oh yeah, there was some workarounds for the ripple movement in F5, but MX wasnt out then 😉 masking would be a lot easier especialyl now that its completely dynamic
