is this water effect possible in AS3?

[Billy T]

Hi all

please see this effect

http://missionh2o.com.au/game/ani1.mov

Is there a way to create that ripple transition just using actionscript?

Thanks in advance

[senocular]

sure: http://livedocs.adobe.com/flex/2/lan...MapFilter.html

[Billy T]

hi senocular

thanks for the reply. Yes I am playing with that filter at the moment. You don't have any examples of this effect do you?

Thanks again

[Billy T]

all good got it sorted

Thanks

[Flash Gordon]

think you can post your example?

[Billy T]

sure

package {
    import flash.display.MovieClip;
    import flash.display.BitmapData;
    import flash.display.Loader;
    import flash.events.*;
    import flash.net.URLRequest;
    import flash.filters.DisplacementMapFilter;
    import flash.utils.Timer;
    import flash.geom.Point;
    import flash.ui.ContextMenu;
    import flash.ui.ContextMenuItem;
    import flash.net.URLRequest;
    import flash.net.navigateToURL;

    public class RippleTransition extends MovieClip {
        private var filtri_array:Array;




        private var bit_data:BitmapData;

        private var spostamento:DisplacementMapFilter;

        private var z:Number=1;

        private var frizione:Number=.95;



        private var filterScaleX:Number;

        private var filterScaleY:Number;


        private var point:Point;

        private var size:Number;
        private var _dir:String;
        private var targetClip_mc:MovieClip;

        public function RippleTransition(targ:MovieClip,dir:String) {
            _dir=dir;
            init(targ,_dir);



        }
        private function init(targ:MovieClip,dir:String):void {

            targetClip_mc=targ;


            bit_data=new BitmapData(targetClip_mc.width,targetClip_mc.height,true,0xFFFFFFFF);

            point=new Point(0,0);

            spostamento=new DisplacementMapFilter(bit_data,point,1,2,filterScaleX,filterScaleY);
            filtri_array=new Array();
            filtri_array.push(spostamento);
            /*targetClip_mc.filters=filtri_array;*/
            if (_dir=='in') {
                targetClip_mc.alpha=0;
                targetClip_mc.visible=false;
            } else {

                targetClip_mc.alpha=1;
                targetClip_mc.visible=true;
            }
        }
        public function startTransition():void {

            targetClip_mc.filters=filtri_array;

            if (_dir=='in') {
                size=150;
                filterScaleX=10;
                filterScaleY=30;
                targetClip_mc.visible=true;
            } else {
                size=0;
                filterScaleX=1;
                filterScaleY=1;

            }
            targetClip_mc.addEventListener(Event.ENTER_FRAME,goEffect);
        }
        public function stopTransition():void {
            targetClip_mc.removeEventListener(Event.ENTER_FRAME,goEffect);
        }
        private function goEffect(e:Event):void {
            var removeEffect:Boolean=false;
            if (_dir=='in') {

                if (targetClip_mc.alpha<1) {

                    targetClip_mc.alpha+=.05;

                }
                size+=3
                ;


                if (filterScaleX>1) {
                    filterScaleX-=1;

                }
                if (filterScaleY>1) {
                    filterScaleY-=1;

                } else {

                    removeEffect=true;
                    targetClip_mc.filters=new Array;
                    //trace('effect removed');
                    targetClip_mc.removeEventListener(Event.ENTER_FRAME,goEffect);



                }
                z+=1;
            } else {



                if (targetClip_mc.alpha>0) {

                    targetClip_mc.alpha-=.05;

                } else {
                    targetClip_mc.visible=false;
                    targetClip_mc.removeEventListener(Event.ENTER_FRAME,goEffect);


                }
                size-=3
                ;


                if (filterScaleX<10) {
                    filterScaleX+=1;

                }
                if (filterScaleY<30) {
                    filterScaleY+=1;

                }
                z-=1;


            }
            if (removeEffect) {
                targetClip_mc.filters.mapBitmap=null;
                targetClip_mc.filters=new Array;
                //trace('off');

            } else {
                spostamento=new DisplacementMapFilter(bit_data,point,1,2,filterScaleX,filterScaleY);
                filtri_array=new Array();
                filtri_array.push(spostamento);
                targetClip_mc.filters=filtri_array;
                //trace(size)
                var point:Point=new Point(z,z/2);
                bit_data.perlinNoise(125,size*8,2,523,true,false,7,true,[point,point]);
                targetClip_mc.filters.mapBitmap=bit_data;

                targetClip_mc.filters=targetClip_mc.filters;
                //trace('still running');

            }
        }
    }
}

USAGE

tip1_btn.buttonMode=true;
tip1_btn.addEventListener(MouseEvent.CLICK,tip1Manager);

var o1:RippleTransition=new RippleTransition(tip1_mc,'out');
var i1:RippleTransition=new RippleTransition(tip1_mc,'in');
function tip1Manager(e:MouseEvent):void {

    if (tip1_mc.alpha>0) {
        o1.startTransition();
        i1.stopTransition();

    } else {
        i1.startTransition();
        o1.stopTransition();

    }
}


tip1_mc.close_mc.addEventListener(MouseEvent.CLICK,tip1Manager);

Click Play Now here

http://www.savewater.com.au/game


to see the effect

cheers