Water Ripple
anybody can give me a complete actionscript for making a water ripple?
pls. i need in my design thanks.....
FlashKit > Flash Help > Flash ActionScript
Posted on: 04-07-2003, 03:41 AM
View Complete Forum Thread with Replies
See Related Forum Messages: Follow the Links Below to View Complete Thread
Water Ripple
Somewhere in my wonderings I picked up an fla tutorial called Water Ripple Technique by Samuel Wan. I have looked at the fla file, but cannot figure out how this was done. Is anyone familiar with this fla, or know where I can find a step by step tutorial?
Water Ripple
I am designing a website for the company I work for. When you click to enter the site, I want the image to ripple like a rock was dropped in water. I want it to look realistic, If there is anyone out there who can help me, I would appreciate it very much. Thanks
Water Ripple
hey guys, I found this script and I'm trying to place it on top of an image.
The script basicly generates a blue rectangle and applies the effect on it. How can I display an image instead of the blue rectangle and have the effect on top of it?
Any tips/pointes are greatly appreciated.
Thanks for your time.
Code:
import flash.display.*;
import flash.geom.*;
import flash.filters.*;
var origin: Point = new Point();
var matrix: Matrix = new Matrix();
var xMax: Number = 128;
var yMax: Number = 128;
var dx: Number = Stage.width / xMax;
var dy: Number = Stage.height / yMax;
var source: BitmapData = new BitmapData( xMax, yMax, false, 0x80 );
var buffer: BitmapData = new BitmapData( xMax, yMax, false, 0x80 );
var result: BitmapData = new BitmapData( xMax, yMax, false, 0x80 );
var water: BitmapData = new BitmapData( xMax, yMax, false, 0x80 );
var g: MovieClip = createEmptyMovieClip( 'g', 0 );
g._xscale = dx * 100;
g._yscale = dy * 100;
g.attachBitmap( water, 0, 'auto', true );
var mouseDown: Boolean = false;
onMouseDown = function(): Void
{
source.setPixel( int( _xmouse / dx ), int( _ymouse / dy ), 0xff );
mouseDown = true;
}
onMouseUp = function(): Void
{
mouseDown = false;
}
/*
WAVE FILTER
*/
var kernel: Array = [1,1,1,1,1,1,1,1,1];
var div: Number = ( 9 ) / 2;
var wavemap: ConvolutionFilter = new ConvolutionFilter( 3, 3, kernel, div );
var damp: ColorTransform = new ColorTransform( 0, 0, 1, 1, 0, 0, 0x80, 0 );
onEnterFrame = function(): Void
{
source.setPixel( int( _xmouse / dx ), int( _ymouse / dy ), 0xff );
result.applyFilter( source, source.rectangle, origin, wavemap );
result.draw( buffer, matrix, null, 'subtract' );
water.draw( result, matrix, damp );
buffer = source;
source = result.clone();
}
Water Ripple
i'm sure this has an easy answer so i'll ask...i need to make a water ripple on a black background there will be the sound of a water drip and then the ripple goes...any ideas.. Action script or straight animation answer is fine...
all help appriciated thanks
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
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.
Water Ripple Animation
ok, I need to make a graphic ripple like water. In fact it's a graphic of a river that I need to make ripple and/or flow like an actual river. Please help if anyone knows. Oh, I'm using flash 5.
Jason P.
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
Water Ripple Displacement Map...
I have the following code that currently magnifies the area the mouse is over. I would like to replace the magnification with a realistic water ripple effect. Sort of like in the link below:
http://effectgenerator.com/blog/?p=29
Can anyone help with some code that would create a very realistic ripple effect? I'm still very new to code and I can't seem to do it.
Here is my code:
ActionScript Code:
import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.display.BitmapDataChannel;
import flash.display.GradientType;
import flash.display.Loader;
import flash.display.Shape;
import flash.events.MouseEvent;
import flash.filters.DisplacementMapFilter;
import flash.filters.DisplacementMapFilterMode;
import flash.geom.Matrix;
import flash.geom.Point;
import flash.net.URLRequest;
// Create the gradient circles that will together form the
// displacement map image
var radius:uint = 75;
var type:String = GradientType.LINEAR;
var redColors:Array = [ 0xFF0000, 0x000000 ];
var blueColors:Array = [ 0x0000FF, 0x000000 ];
var alphas:Array = [ 1, 1 ];
var ratios:Array = [ 0, 255 ];
var xMatrix:Matrix = new Matrix();
xMatrix.createGradientBox(radius * 2, radius * 2);
var yMatrix:Matrix = new Matrix();
yMatrix.createGradientBox(radius * 2, radius * 2, Math.PI / 2);
var xCircle:Shape = new Shape();
xCircle.graphics.lineStyle(0, 0, 0);
xCircle.graphics.beginGradientFill(type, redColors, alphas, ratios, xMatrix);
xCircle.graphics.drawCircle(radius, radius, radius);
var yCircle:Shape = new Shape();
yCircle.graphics.lineStyle(0, 0, 0);
yCircle.graphics.beginGradientFill(type, blueColors, alphas, ratios, yMatrix);
yCircle.graphics.drawCircle(radius, radius, radius);
// Load an image onto the Stage.
var loader:Loader = new Loader();
var url:URLRequest = new URLRequest("NewMagnify.jpg");
loader.load(url);
this.addChild(loader);
// Create the map image by combining the two gradient circles.
var map:BitmapData = new BitmapData(xCircle.width, xCircle.height, false, 0x7F7F7F);
map.draw(xCircle);
var yMap:BitmapData = new BitmapData(yCircle.width, yCircle.height, false, 0x7F7F7F);
yMap.draw(yCircle);
map.copyChannel(yMap, yMap.rect, new Point(0, 0), BitmapDataChannel.BLUE, BitmapDataChannel.BLUE);
yMap.dispose();
// This function creates the displacement map filter at the mouse location.
function magnify():void
{
// Position the filter.
var filterX:Number = (loader.mouseX) - (map.width / 2);
var filterY:Number = (loader.mouseY) - (map.height / 2);
var pt:Point = new Point(filterX, filterY);
var xyFilter:DisplacementMapFilter = new DisplacementMapFilter();
xyFilter.mapBitmap = map;
xyFilter.mapPoint = pt;
// The red in the map image will control x displacement.
xyFilter.componentX = BitmapDataChannel.RED;
// The blue in the map image will control y displacement.
xyFilter.componentY = BitmapDataChannel.BLUE;
xyFilter.scaleX = 35;
xyFilter.scaleY = 35;
xyFilter.mode = DisplacementMapFilterMode.IGNORE;
loader.filters = [xyFilter];
Mouse.hide();
}
// This function is called when the mouse moves. If the mouse is
// over the loaded image, it applies the filter.
function moveMagnifier(event:MouseEvent):void
{
if (loader.hitTestPoint(loader.mouseX, loader.mouseY))
{
magnify();
}
}
loader.addEventListener(MouseEvent.MOUSE_MOVE, moveMagnifier);
Ripple The Water In Photograph
I have posted this to a few forums, so you may be seeing it again...
I have a picture of a cabin on a lake, I want to use this as the flash intro for a website. I would like a mist to cover the picture and then float away, and the water in the lake to "shimmer" or make it look as if it is "moving"...kind of like you were looking at a video clip, not a static picture.
Is this something I would do in any of the creative suite programs? or studio 8 programs? or is it something completely different.
The programs I have are, creative suite 2 and studio 8 (flash etc) oh, I am on a Mac so the "squirzl" program doesn't work.
Thanks!
Water Ripple Script
Hi, I found a really cool script that does a DispacementMapFilter to create a ripple in an image. The problem is that I am trying to do this to an image that dynamically scales to fit the browser window using a listener on the stage. I applied the effect within the movie clip that scales but when i resize the window, the effect does not follow along.
I attached the code below. Also, the tutorial I found this on is here
Thanks in advance.
Attach Code
// -----------------------------------------------
// Water Reflection Effect
// -----------------------------------------------
import flash.display.*;
import flash.geom.*;
import flash.filters.*;
myBitmap = new BitmapData(390,293,false,0);
pt = new Point(0,0);
mpoint = new Point(0,0);
myDispl = new DisplacementMapFilter(myBitmap, mpoint,1,2,10,50);
water_mc.myList = new Array();
water_mc.myList.push(myDispl);
water_mc.filters = water_mc.myList;
i = 1;
this.onEnterFrame = function()
{
filterList = water_mc.filters;
offset = new Array();
offset[1] = new Object();
offset[1].x = i;
offset[1].y = i/8;
myBitmap.perlinNoise(45,5,3,50,true,false, 7,true,offset);
filterList.mapBitmap = myBitmap;
water_mc.filters = filterList;
i++;
}
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 Tutorial Help
I have been trying to get this tutorial to work. But the code seems not to I have tried every possibility, and their final .FLA doesnt work. I was wondering if anyone could give it a quick shot.
Flash Ripple
Thanks
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 Animate A Water Ripple?
Hi all,
Does anyone have a good method for animating a water ripple over a bitmap image? I'm looking for something similar to the technique offered here but this tutorial is a bit out-dated: http://www.freehandsource.com/_test/ripple.html
I have a feeling someone may have developed something better using Flash 8 so I thought I would ask the kirupa heads.
Any ideas are welcome!
thanks
Water Ripple On Rollover?
Hey there! I am web-hardened developer who has been working with a number of different web technologies for a few years now. I started my career with Flash 8/as2.0, but only consider myself intermediate. Nevertheless, I know the following effect is not too far beyond my capabilities. I would be grateful if the community would join me in an open platform about how the following effect might have been achieved:
http://www.kneib.biz/f8files/water_with_f8.html
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 Tutorial Help
I have been trying to get this tutorial to work. But the code seems not to I have tried every possibility, and their final .FLA doesnt work. I was wondering if anyone could give it a quick shot.
Flash Ripple
Thanks
Water Ripple Effect ?
hi guys,
anyone know how to make good water ripple effect with flash 2004 pro ? or a good tutorial ?
Flowing Water/ripple Gradient?
Hi people...
this may seem a bit simple for some:
I'm trying to animate blood flowing thru a vessel...(or water flowing in a stream, etc...)
I've spent some time with the masking: so far i have two gradients that are moving and masked...but i need to have these cycling as a CONTINOUS stream.... I think i have to stagger the layers, (ie. start one cycle of flow at the halfway point of the previous flow...) but i can't get my head around how to do this...has anyone done this sort of effect before?
am i making sense?
thanks!!
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!!!
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!!!
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
Question About Water Ripple Technique
Hey Everyone,
I hope you all are having a good night. I was wondering if there was anyone out there who could tell me how to create an effect I found at the following site:
www.sundancepoolsandspas.com
I am talking about the water ripple effect as well as the mouse trailing effect as well. I'm pretty sure it's simple, but I can't seem to figue it out. Any help is appreciated.
Thanks,
Kelly
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
Water Ripple Effect... I Sort Of Have It... Help Me Tweak It?
Hi folks. Working on a job for Culligan Water and I'm doing this water ripple thing over the logo. At this point I'm doing it with two images (one larger one) and a masked ring (an outline converted to a fill).
I want to make it look like rain drops hitting the surface. Any suggestions to make this cooler and randomize it a bit?
http://www.seedrecords.net/ideaman/interface.swf
Thanks in advance...
Water Ripple Effect And Changing Images
Hi,
Can someone help me figure out how to create this ripple effect that changes the image?
Check this site out: http://www.captainds.com/files/home.aspx
Please help me!!!
Thanks!
Hoasabi
Water Ripple Mouse Follow Effect?
Bit of a long shot I know, but for this water themed site Im doing i think it would be nice if the mouse created ripples of water where it hovers...Anything like this going around? thanks
Ripple Effects
I was wondering if anyone could help me. I want to create a puddle and then make ripples in it. However I am completely clueless as to how to go about this. Any help would be greatly appreciated!
Animated Ripple
hi i wonder if u can help.
i want to create an animated ripple effect.The sort of thing that happends when u drop a pebble in to a puddle.concentric rings rippleing outwards.That sort of thing.I cant sus how do it.
Thanxs
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 Tut Or Movie
I recall seeing either a tutorial or a movie on flashkit that had a logo coming up out of a red background and a very simple ripple effect. it mode it look like the logo was emerging from a red liquid. Does anyone know what I am talking about? Can you point me to it. I've been digging for hours. Thx
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
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 Effects
http://www.arahan.co.kr/
I am very impressed by the ripple effect because it rocks no only the content but also the whole screen, how is it created?
Any other similar effect that can rock the whole screen including IE?
Thanks
YS
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 Under Button
Hey Guys
First time here so be nice
Am doing a website project for a university paper and it requires that we construct a website in dreamweaver etc etc......
now i would like a flash header that would have an irregular space that has the appearance of being water
eventually i will have buttons on top of this as a seperate layer but for now i would just like to get the effect sorted
namely i would like it to produce ripples when there is a mouse click
The shape would be irregular as it would be a header title and navbar for multiple pages, also the ripples do not need to interract i have had a look at some of th eripple effect availabel on the site and while they are for the most part very impressive none of them deal with irregular shapes
i dont mind doing all the work myself only i havent a clue where to begin
any help as to whether or not this is possible and if so a possible point in the right direction of some tutorials or maybe an example would be a great help indeed
if there are any questions or anything i wasnt very clear on please reply and i will try to be clearer
thank you
Wardyahh
Warp/ripple Out
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?
Can this be done in actionscript?
Thanks,
Nataly
|
TRACKER
