christDesign & EffectsWater EffectThis is made using the BitmapData methods and BitmapFilters for Actionscript 2.0, and later I will update this code to Actionscript 3.0$5http://www.flashcomponents.net/component/water_effect.html?ref=philshttp://www.flashcomponents.nethttp://u1.flashcomponents.net/components/small/800_1.png
License:
By purchasing and downloading this license, you are entitled, as buyer, to use the product in an unlimited number of websites and other multi...
[+]
By purchasing and downloading this license, you are entitled, as buyer, to use the product in one commercial project (websites, CD-ROMS, offl...
[+]
By purchasing and downloading this license, you are entitled, as buyer, to use the product in multiple commercial project (websites, CD-ROMS,...
[+]
If you want to change the position of the bitmap you firist need to add a MovieClip on the stage, then change the MovieClip position.
like this:
//
this.createEmptyMovieClip(“bmp1”, this.getNextHighestDepth());
bmp1.attachBitmap(output,0);
bmp1._x = 50
bmp1._y = 50
//
You can directly change the size of the bitmap on the Library.
perhaps you would like to change the 2 parameters for effect area:
//var output = new flash.display.BitmapData(*256 , 256,* true, 128);
or
//output.applyFilter(surface,new flash.geom.Rectangle(0, 0, 256, 256 ),origin,water);
How? I'm trying to apply my own image to the Flash file. My image is 1000 x 240. I can change the size of the "between", "normal", and "effect". But I assume to change the image itself I need to replace the "river" bitmap with my own. How is this done? When I inspect the bitmap in the Library, I do have the option of replacing the image but I can't fix the size... The sizing options are grayed out. Please help!
Hi Thanks for the great code for the ripple effect. My problem is my image size 555px x 150px. I can change the document size but on preview it is only showing the portion of my image.
I have changed the following line but did nothing to it. Can you please help? A little commenting in the code would greatly appreciated and would help greatly.
I’m sorry when I design it did not make notes. so give everyone a lot of confusion. Now I updated the source code , if you need to change the image size you only need to adjust the two variables like below:
var sw:Number = 256; //picture’s width
var sh:Number = 256; //picture’s height
Like suzzi64 on september from 2009 I ask myself if there is any chance to do it like she says:
Can i change the settings so that the water ripple occurs on mouse over instead of mouse down?
and add one more, any way to make ripples not to go through (imagine) an island in the image.... that is my purpose to have your brilliant effect not in the island in my image but in the water surrounding it.
13 Comments
Add comment
jcquinteiro on August 08, 2008
May I change the effect of the picture when the mouse is over it?
May I change the width and the height of it ?
# / PM
billiam777 on March 16, 2009
How do I change the position on the stage of the bitmap and the size?
Thanks
# / PM
christ on March 16, 2009
If you want to change the position of the bitmap you firist need to add a MovieClip on the stage, then change the MovieClip position.
like this:
//
this.createEmptyMovieClip(“bmp1”, this.getNextHighestDepth());
bmp1.attachBitmap(output,0);
bmp1._x = 50
bmp1._y = 50
//
You can directly change the size of the bitmap on the Library.
perhaps you would like to change the 2 parameters for effect area:
//var output = new flash.display.BitmapData(*256 , 256,* true, 128);
or
//output.applyFilter(surface,new flash.geom.Rectangle(0, 0, 256, 256 ),origin,water);
# / PM
daveybones on March 31, 2009
How? I'm trying to apply my own image to the Flash file. My image is 1000 x 240. I can change the size of the "between", "normal", and "effect". But I assume to change the image itself I need to replace the "river" bitmap with my own. How is this done? When I inspect the bitmap in the Library, I do have the option of replacing the image but I can't fix the size... The sizing options are grayed out. Please help!
Thanks,
Daveybones
# / PM
oavs on April 06, 2009
Hi Thanks for the great code for the ripple effect. My problem is my image size 555px x 150px. I can change the document size but on preview it is only showing the portion of my image.
I have changed the following line but did nothing to it. Can you please help? A little commenting in the code would greatly appreciated and would help greatly.
output.applyFilter(surface,new flash.geom.Rectangle(0, 0, 555, 150),origin,water);
# / PM
christ on April 07, 2009
I’m sorry when I design it did not make notes. so give everyone a lot of confusion. Now I updated the source code , if you need to change the image size you only need to adjust the two variables like below:
var sw:Number = 256; //picture’s width
var sh:Number = 256; //picture’s height
# / PM
kichostone on May 14, 2009
Is it possible to get a AS3 version of this effect?
Is it possible to use any other background image?
Would it work on a 1280×768 size without lag?
# / PM
christ on July 01, 2009
This effect will update for as3 version as soon as possible.
You can use any picture to replace the background image.
# / PM
suzzi67 on September 04, 2009
Can i change the settings so that the water ripple occurs on mouse over instead of mouse down?
Thanks
# / PM
koishiikun on November 08, 2009
How can I change the image and use it on another flash file?
# / PM
sindraco on February 08, 2010
Very good, very well done, quite simple to edit too !
But i can’t find … Is there a way to change the … “strength” of the waves ?
# / PM
kapital3 on April 28, 2010
can be use for beckround images for website?
# / PM
rob_moon on August 18, 2010
Like suzzi64 on september from 2009 I ask myself if there is any chance to do it like she says:
Can i change the settings so that the water ripple occurs on mouse over instead of mouse down?
and add one more, any way to make ripples not to go through (imagine) an island in the image.... that is my purpose to have your brilliant effect not in the island in my image but in the water surrounding it.
Thanks and all the best
# / PM