Flash :: Ripple Effect

Ripple Effect Or Browser Shake Effect (?HOW?)
Hi all,

Once again I'm stumped !!

I have a movieclip, that contains information about a clients web site(to be used on our company site in the portfolio).
I built a timer to fade the movie clip in.
As it fades in I would like to create a ripple effect.
I've looked at the java applet "Lake" and found I didn't want to use it.
Is there anyway I can build it in flash with AS ?
Also, if it looks awful, How do I create the browser shake effect, but only put it on a specific movie clip ?

Many Thanks,

vglcrew

P.S. Cheers Lucifer_morning_star for all your help last time.

Ripple Effect > I Think I've Done It?
After hours on end trying to create a ripple effect... I have finally got it! I am hoping someone out there would be nice enough to download this file and give me some basic tips.

Please let me know what you think. I am new to Flashkit and the tutorials and feedback are great... so thank-you.

Ripple Effect
I have seen sites with a ripple effect changing between pics. Can anyone tell me how to do this?

Ripple Effect
Hey all, I'm trying to create a flash movie where I have a ripple effect that hits some text that has a sort of "wavy" effect once the ripples hit it. I've already created the ripples, I just don't know how to get that wavy effect. Any suggestions?

<edit> Here's The Link To The .fla File

Ripple Effect: With AC
Hey!

Could somebody please show me what action script to use and how to make a ripple/swirl effect in an image?

I have seen this effect around many websites and would like to know how to make them. I heard it is done with actionscripts so I am posting this question here.

Anyway the effect looks like a picture that blures or get jagged a little a water effect upon a picture or a picture that moves like a drop falling into an ocean...difficult to explain anyway you can see the effect by visiting this sites:

In the first site the effect can be seen on the frogs that jump, the effect looks like a picture been jagged or blured.

In the second website you can see the same effect on the chinese girl.

On the third website you can see the same effect on the the boy that looks to be singing on the NEWS link.

1: http://www.frosch-studio.com/main.html

2: http://www.mjau-mjau.com/classic.html

3: http://www.seeminglyawake.net/kyle/

Thank you in advanced
And I hope somebody knows how to make it, I know there is a way to make it with photoshop and the motion blur effect ect, but I would like to learn to make it with actionscripts in flash mx.

I have found here at FK an effect that is almost what i am looking for the only problem is that its a mix machine, you will se what i mean if you look at the file.The effect it the third from the bottom called Ripple...or maybe if you have a better Action Script that would be okey also.

This effect from fk

regards: ninni

Ripple Effect
Hey all
If anyone can help, that would be great!
I'm trying to figure out how they did this effect...The graphic "ripples" when you click on one of the sub menu buttons in http://www.okworks.com.

Please help

Ripple Effect
I was wondering, say you just want a puddle on your home page to have a ripple effect, and not the whole picture, can I do that? Or does the ripple effect hapen all over?

Ripple Effect
hi guys i was just wondering if someone here have an idea on where i could find a good tutorial on how to make a ripple type effect like THIS ? If so please help! thanks in advance.

Ripple Effect PLEASE HELP
The Ripple in this header works fine except for the bottom right hand portion, notice their is a hard line under the second boat, it should be smooth. I have attached the JPG below the swf for referance of the image.

location of this swf is http://www.nick-brewer.com/flash/banner.html

If anyone could help that would be great. I'm suppose to have this done this afternoon. Thanks again.

Attach Code

var w:Number = 770;
var h:Number = 200;
ripple = new flash.display.BitmapData(w, h);
ripple3 = new flash.display.BitmapData(w, h / 2);
ripple2 = new flash.display.BitmapData(w, h / 4);
ripple1 = new flash.display.BitmapData(w, h / 4);
gradient = new flash.display.BitmapData(ripple.width, ripple.height);
gradient.draw(gradient_mc, new flash.geom.Matrix(1, 0, 0, 1, 0, 0));
gradient_mc._visible = false;
offset3 = new flash.geom.Point(0, 0);
offset2 = new flash.geom.Point(0, 0);
offset1 = new flash.geom.Point(0, 0);
speed1 = -0.7;
speed2 = -2.0;
speed3 = -0.7;
pt = new flash.geom.Point(0, 0);
rect = new flash.geom.Rectangle(0, 0, ripple.width, ripple.height);
this.onEnterFrame = function ()
{
offset1.y = offset1.y + speed1;
offset2.y = offset2.y + speed2;
offset3.y = offset3.y + speed3;
ripple3.perlinNoise(0, 15, 1, seed, true, true, 1, true, [offset3]);
ripple2.perlinNoise(0, 10, 1, seed, true, true, 1, true, [offset2]);
ripple1.perlinNoise(0, 5, 1, seed, true, true, 1, true, [offset1]);
ripple.copyPixels(ripple1, r1rect, r1pt);
ripple.copyPixels(ripple2, r2rect, r2pt);
ripple.copyPixels(ripple3, r3rect, r3pt);
ripple.merge(gradient, rect, pt2, 127, 127, 127);
dMap = new flash.filters.DisplacementMapFilter(ripple, pt, null, 1, 100, 100, "WRAP");
water_mc.filters = [dMap];
};
r1rect = new flash.geom.Rectangle(0, 0, ripple1.width, ripple1.height);
r2rect = new flash.geom.Rectangle(0, 0, ripple2.width, ripple2.height);
r3rect = new flash.geom.Rectangle(0, 0, ripple3.width, ripple3.height);

r1pt = new flash.geom.Point(0, 0);
r2pt = new flash.geom.Point(0, ripple1.height);
r3pt = new flash.geom.Point(0, ripple1.height + ripple2.height);

Ripple Effect And ....
I've a few questions which are as follows:

1. How can i produce a rippling effect in a jpeg ?

2. Any good site for 3D photography ?

3. which app. is good for drawing n design ?

Thankyou.

Ripple Effect
Hi!

Please, take a look at this site

http://www.nile-catacombs.net/

When you pass your mouse over the flashing... hmm... face(??), there is a very cool effect in the bottom text (where the text "Enter The Catacombs" appears). How did they do that? Anybody knows??

Ripple Effect
how would I do a ripple effect in flash? For instance at the beginning of this site: http://www.sixtailer.com

any thoughts?

Cheers

Ripple Effect
Would anyone be able to help me create a ripple effect that follows the mouse on the Banner like this http://www.daksoft.com/home.php

Water Ripple Effect
i've just switched from LiveMotion to Flash....in LM there was an invisible water effect that you could slide over text and make it look watery and ripple-like....is there any way to recreate this in Flash???...thank you

melissa

Ripple Effect - I Think I've Figured It Out
After hours on end trying to create a ripple effect... I have finally got it! I am hoping someone out there would be nice enough to download this file and give me some basic tips.

Please let me know what you think. I am new to Flashkit and the tutorials and feedback are great... so thank-you.

Water Ripple Effect
I am wanting to know how to do a water ripple effect? Not when something falls into the water. I want the effect to be as though the wind is slightly blowing over the water. Can someone please post a URL to the tutorial?

Water Ripple Effect
hey people,

I have a question, how do this water ripple effect ? http://www.bluefishgroup.com/ . Ive been searching in flashkit but no luck so far. I want a similiar effect like that.

THanks for the help before.

Ripple Effect - NOT RINGS
I'm looking to do a ripple effect that is more like the ripple you can do to a photo in photoshop. The ripple tutorials and sample I have found so far are just the concentric circles expanding ******d.

Anyone have any samples of ripple MOVEMENT like this still image? I'd like to figure it out using AS or a mask instead of frame-by-frame animation of a bitmap sequence. Thanks in advance.

Ripple Effect In Flash
Hi,

In the attached picture, I am trying to make the red bars in the top and bottom to move like ripple effect—or water motion so it goes up and down and from left to right. What's the best way to it?

Could you send me 2 ways of doing it? :

1)Traditional flash; and

2)Using actionscript

Attachment: paint.gif
This has been downloaded 9 time(s).

Position Of MC's And Help With Ripple Effect
Hi all,

The text effect I am trying to achive is the word 'Credits' to tween from massive to small, with a text fade, one by one, e.g. C then R then E, etc... And I want it so when each letter arrives at its final position, a shock wave/ripple effect comes out from under the text.

I seem to have everything working except for the ripple effect. I've put it under the same MC for each letter but when I play the movie, it doesnt play the ripple, only the letter.

I've supplied the .fla below... You will need to install the font because the font I am using needs the right measurements and also the text is a bit transparent.

Please reply if u hav an idea! I will be very grateful.

Regards,
Stibily

How To Create A Ripple Effect... ?
hi,

I've seen a nice effect at www.biotherm.com/_ww/_en/default.aspx.
A sort of water ripple effect but then slightly different then the standard
ones.

I've been trying to recreate this effect and I do understand how to build it
technically with masks but I cannot figure out how 'ripples' are moving to
create the same effect.

Can anyone explain it to me?

thanks

Water Ripple Effect
Hi Folks how are you.

I want to give a Water Ripple Effect to a text button in Flash mx, please find me some solution.

Thanks

Feroze

Water Ripple Effect
Hi Folks.

How are you, I want to put a water ripple effect in a text button in Flash MX, please help me find some solutions or sample fla's

Thanks

Feroze

Ripple/warp Out Effect
Hey,
Does anyone know how I cam make a page seem to warp/ripple out.
Like make the whole page look like a pebble has been thrown into it when you click on a button and them fade out to reveal the next page?
Thanks,
Nataly

[F8] BitmapData Ripple Effect
I'm having a bit of trouble coming up with the right approach to achieve a particular effect.

I want to make a "ripple" effect using BitmapData.draw(), such that the final image can be rippled vertically, horizontally, or both. I have written a rudimentary trial version of it that uses a translation matrix in cooperation with the clipping rectangle, but it is too processor intensive to apply the effect using this method at high resolution (i.e. using the clipping rectangle to manipulate each column or row of pixels individually.)

I was considering using a method that would draw all of the slices that share a common translation value along the graph of the ripple (advancing the parameter in multiples of Math.PI), but this would add complexity and execution time to the already sluggish for ... loop.

At this point, I'm looking at using a much lower resolution approach that would use a skewing matrix and a larger rectangle to simulate the ripple in fewer manipulations. Can anyone think of an easier way of making something like this with better resolution without compromising speed?

+Q__

Really Cool Ripple Effect
I found a ripple effect that I really like but I couldn't figure out how to get it to work. This is where I found it:

http://www.derschmale.com/2008/08/03...-only-version/

neznein9 helped me out a bit, but I still can't get it to work. I get this error and I tried putting my files in every possible location. I'm obviously doing something wrong, but I have no idea what. This is my error:

TypeError: Error #1009: Cannot access a property or method of a null object reference.
at be.nascom.flash.graphics::Rippler()
at testingRipple_fla::MainTimeline/frame1()

Water Ripple Effect
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?

Water Ripple Effect
Can anyone tell me how to make a cool water ripple effect? I saw one that I loved on www.sixtailer.com (you'll see it on both the intro and the contact page). Does anyone know how to do that?

Water Ripple Effect?
Help needed! I've been trying to create a water effect on an ongoing flash project but no luck so far.

The deal is that I want the contents of the site to look as they are submerged under water, and when you click a button a ripple effect is created, changing the content (a transition between pages, movieclips). I tried using a mask which looks OK over images but loses the effect when over text. Anybody?

How To Make Ripple Effect....
Can anyone explain how to do the liquid/ripple effect on menu buttons like on http://www.derbauer.de/ ??

Ripple Effect Problem
Hi,

how can you do something like this:

http://www.eyeland.com/preload.swf?swf=ripple_red.swf

thanks

Water Ripple Effect ?
hi guys,

anyone know how to make good water ripple effect with flash 2004 pro ? or a good tutorial ?

Freakin Cool Ripple Effect - At Least Thats What I Think
Hi guys dya know how to do this cool transition effect?

http://www.starwood.com/whotels/sear...ropertyID=1246

I tried the Flashkit ripple effect tutorial but it is just different.
What we have at this site is much cooler!

I will really appreciate it if anyone can tell me how to do it or direct me to the appropriate resource.

Tanks in advance!!!!

Mouse-over Ripple Effect, But In Flash?
http://java.internet.com/waterpic/

Cool mouse-over applets, but can this be done in Flash? Or, has anyone seen anything like this in Flash?

thanks
butch

How Would You Create A Water Ripple Effect?
I'd like to create a water ripple effect using a picture taken inside a pool looking up and have some ideas on how to do it but my way may not be the best way so I'd greatly appreciate some ideas. I'd probably have to use masking but I'm not sure what the best way would be. Thanks guys!!!

Ripple Effect With Action Script
I have most hte code for it i just need the if then and where to put the variable. Heres the code.
class Ripple extends MovieClip{
function Ripple(){
_xscale = 0;
_yscale = 0;
_alpha = 100;
}
function run():Void{
this.onEnterFrame = function():Void{
update();
}
} //end function run
function stop():Void{delete this.onEnterFrame;}
function update():Void{
//write code to scale the x (width) of the clip by one.
//write code to scale the y (height) of the clip by one.
_xscale = _xscale % 101;
_yscale = _yscale % 101;
_alpha = 100-_xscale;
}
}

[CS3] Png Issue - Odd Ripple Effect Occuring
Hi everyone.

I'm having an issue with an imported transparent png. I have it as a movie clip moving slightly downward in one tween, but I'm getting a strange ripple effect, where sections of the image look to almost separate and then come back together (it usually happens twice)

It's not as visible at a lower frame rate, (but I can't keep it at 12fps) and at the 32fps it's very apparent.

Any ideas how to get rid of this?

Distorting Ripple Border Effect
Hello everyone! I'm hoping someone can point me in the right direction on a project I've been working on. Before I go any further, I know this project is probably over my head at the moment, but I like challenges, they help me learn. And since that's the case, I also don't want to impose on anyone to get too involved and code the effect for me. Wouldn't help either of us.

Anyway, here's the request. I'm looking to create a ripple effect border to an image, one that distorts the image below it as it moves. To be a little more specific, if anyone is familiar with the game 'Lost Odyssey', I'm trying to imitate the style of the dream flash-back text sequences. As that's the case, I already have a perfect, pre-made example for people to look at.

Here's the link to one of the scenes: http://www.youtube.com/watch?v=DObp5...eature=related

So, if someone can take a look, I'd really appreciate it. I've been looking for a couple of days, and have found some promising leads, but been incapable of making anything work quite right. I've got a sneaking suspicion I may need to do a pre-render in another program or something, and overlay it to the flash project as a layer. Really, I guess I'm just at a loss, so any help would be appreciated.

Ah, almost forgot to mention, I'm running the CS3 Adobe Flash right now.

Thanks!

Water Ripple Mouse Effect
Hi all

I wanted to do a mouse effect like the one on this site

http://www.sundancepoolsandspas.com/launch.html (you have to launch the popup window)

Does anyone know how this was done?

Thanks much

Water Ripple Effect In Flash
I want to make water ripple effect in Flash, But not as illustration. It must look real. How can I make. Any Special action script...?

Plz tell me any tutorial or any site where I can find raw files...
Looking for an early response from anybody

Alok

Sixtailer.com Water Ripple Effect
beautifully artistic site, you can definately tell that edev.com and the sites that were done by edev are from the same artist.

great blended usage of the medium.

but now to the point of this thread. just how did you do that water effect. i cant be the only one who refreshed the page 8000 times just to see that water ripple and try to figure it out.

you gotta release a tutorial, hungry minds are eager to learn!

thanks

Thmbnail Gallery With Ripple Effect
Hello,

I've recently followed this tutorial to create a thumbnail gallery

http://www.kirupa.com/developer/mx2004/thumbnails.htm

However I'd like to now create a ripple effect when each image loads/appears.

I'm managed to get the effect to partly work by loading the image into another movie clip and then masking like this.

Code:

function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
_root.ripple.picture1.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture_num();
}
}
The problem is that I cant seem to control the size or alpha of the loaded image.

Could anyone explain how to do this or tell me if I've approched this in the wrong way?

Thanks
aow

Help // Ripple Effect And Menu Playback
I know this question has been asked so many times, but "How do I create a ripple effect in a background image?" I've searched the forums several times for the effect that I want, but I either didn't like the results or my program messed up.

I have a background, and I want the ripples to display the blurred version of that image, expand for about 1 second, then fade. I'm sure of what to do with masking, but I want this effect to be generated by ActionScript rather than a movie clip for random sizes and speeds of expansion of each wave.

I need the waves to be triggered when a button is on rollOver and keep generating randomly until it is on rollOut. It would be great if waves overlapped, and I'd hope to have their origins slightly off from eachother by a few pixels.

Also, if possible, maybe a few ripples could be generated to follow the mouse.

About the menu playback issue, I've been having this problem where you rollOver a button and it triggers an animation, but if you rollOut before it's finished it skips to the designated rollOut animation. I'd like the know how to let the first animation finish, then go to the ending if the button isn't being rolled over.

In a related issue, if you select a certain section in the Flash production, it goes through the opening sequence, but if you select a different section, how would I make so that it goes to a closing sequence, then to the opening sequence of the selected content. I know that they must be related, if not the same code.

If you can help in any of these questions, it would be very greatly appreciated. By the way, I'm not new to the interface of MX, so spare the instructions of how to get to each menu.

Thank you.

Ripple Effect

how would I do a ripple effect in flash? For instance at the beginning of this site: http://www.sixtailer.com any thoughts?Cheers

how would I do a ripple effect in flash? For instance at the beginning of this site: http://www.sixtailer.com

any thoughts?

Cheers