<mx:Script>
		<![CDATA[
			import com.jumpeye.flashEff2.symbol.brightSquares.FESBrightSquares;
			
			private function startEffect():void{
				var flashEff:FlashEff2Flex = new FlashEff2Flex();
				var fx:FESBrightSquares = new FESBrightSquares();
				FESBrightSquares(fx).preset=11;
				FESBrightSquares(fx).squareWidth=25;
				FESBrightSquares(fx).squareHeight=25;
				FESBrightSquares(fx).scaleXAmount=1;
				FESBrightSquares(fx).scaleYAmount=1;
				FESBrightSquares(fx).brightness=255;
				FESBrightSquares(fx).hAlign='left';
				FESBrightSquares(fx).vAlign='middle';
				FESBrightSquares(fx).smooth=false;
				FESBrightSquares(fx).groupDuration=1.1;
				
				FESBrightSquares(fx).tweenType='Quadratic';
				FESBrightSquares(fx).easeType='easeInOut';
				FESBrightSquares(fx).tweenDuration = 5;
				
				c3.addChild(flashEff);
				
				shot.scaleX = shot.scaleY = 1/3;
				flashEff.target = shot;
				
				flashEff.showTransition = fx;
				flashEff.show();
			}
		]]>
	</mx:Script>
	<mx:Image id="shot" source="@Embed('screen.jpg')"/>
	<mx:Canvas id="c3" width="{1366/3}" height="{768/3}" scaleX="3" scaleY="3"/>

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="[ns.adobe.com];
		 xmlns:s="library://ns.adobe.com/flex/spark"
		 xmlns:mx="library://ns.adobe.com/flex/mx"
		 width="95" height="65" contentBackgroundColor="#3F3F3F" >
	<!-- The target object will be an image called "myImage" - you have to define the name property. -->
	<!-- It is a good practice to set the size for the Image object to the actual
	size of the image, otherwise the effects will not work due to an incorrect size
	of the Image component -->
	<mx:Image width="400" height="300" source="myImage.jpg" id="myImage" name="myImage" autoLoad="true" scaleContent="true" complete="loadComplete()" />
	<fx:Script>
		<![CDATA[
			import FlashEff2Flex;
			
			import com.jumpeye.flashEff2.filter.reflection.FEFReflection;
			
			private var myEffect:FlashEff2Flex;
			private var reflection:FEFReflection;
			
			private function init(e:Event):void
			{
				myEffect._targetInstanceName = "myImage";
				reflection = new FEFReflection();
				reflection.refresh = false;
				reflection.reflectionAlpha = 0.8;
				reflection.reflectionRatio = 150;
				reflection.reflectionDistance = 0;
				
				// Add the filter to the FlashEff2Flex instance.
				myEffect.addFilter(reflection);
			}
			
			private function loadComplete():void {
				// Once the image has been loaded, create the FlashEff2Flex component
				// instance, set it up and apply it on the image.
				myEffect = new FlashEff2Flex();
				myEffect.addEventListener(Event.ADDED_TO_STAGE, init);
				addElement(myEffect);
				
				// Create the reflection filter instance and set it up as you like.
				
				
				// Set the target object to the FlashEff2Flex instance. Once you do this,
				// the filter will be applied immediately.
				
			}
		]]>
	</fx:Script>
</s:Group>

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="[ns.adobe.com]; xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"
			   frameRate="30" width="500" height="400">
	<!-- The target object will be an image called "myImage" - you have to define the name property. -->
	<!-- It is a good practice to set the size for the Image object to the actual
	size of the image, otherwise the effects will not work due to an incorrect size
	of the Image component -->
	<mx:Image  complete="loadComplete()" width="400" height="300" source="../images/logo.png" id="myImage" name="myImage" autoLoad="true" scaleContent="true" x="50" y="50"/>
	<fx:Script>
		<![CDATA[
			
			import FlashEff2Flex;
			import com.jumpeye.Events.FLASHEFFEvents;
			import com.jumpeye.flashEff2.symbol.brightSquares.FESBrightSquares;
			import com.jumpeye.flashEff2.symbol.equalizer.FESEqualizer;
			import mx.flash.UIMovieClip;
			
			private var myEffect:FlashEff2Flex;
			private var showEffect:FESBrightSquares;
			private var hideEffect:FESEqualizer;
			
			private function loadComplete():void {
				// Once the image has been loaded, create the FlashEff2Flex component
				// instance, set it up and apply it on the image.
				myEffect = new FlashEff2Flex();
				
				// The hide transition starts 3 seconds after the show transition
				// has endded.
				myEffect.hideDelay = 3;
				myEffect.addEventListener(FLASHEFFEvents.TRANSITION_END, restartShowEffect);
				
				// Create the show and hide pattern instances. These instances will
				// actually execute the show and hide effects.
				showEffect = new FESBrightSquares();
				showEffect.squareWidth = 20
				showEffect.squareHeight = 20;
				showEffect.tweenDuration = 2;
				myEffect.showTransition = showEffect;
				
				hideEffect = new FESEqualizer();
				hideEffect.equalizerPercentage = 50;
				hideEffect.tweenDuration = 2;
				myEffect.hideTransition = hideEffect;
				
				// The FlashEff2Flex instance MUST be added to the display list before
				// setting the target object.
				addElement(myEffect);
				myEffect._targetInstanceName = "myImage";
			}
			
			private function restartShowEffect(evt:FLASHEFFEvents):void {
				// Once the hide transition has endded, restart the show transition.
				var effectInstance:FlashEff2Flex = evt.target as FlashEff2Flex;
				if (effectInstance.currentTransitionType == "hide") effectInstance.show();
			}
		]]>
	</fx:Script>
</s:Application>

myEffect._targetInstanceName = "myImage";

2. Examples
2.1 Create a looping show/hide effect
Create a new ActionScript 3.0 file, set the frame rate to 30 fps and place an image on the stage. Convert it into a MovieClip and give it the instance name of "myImage".

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
	xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
	creationComplete="application1_creationCompleteHandler()">
	
	<fx:Script><![CDATA[
			import com.jumpeye.flashEff2.symbol.equalizer.FESEqualizer;
			import com.jumpeye.flashEff2.symbol.pixelate.FESPixelate;
			import com.jumpeye.flashEff2.symbol.waves.FESWaves;
			
			private var showPattern1:FESEqualizer = new FESEqualizer();
			private var showPattern2:FESPixelate = new FESPixelate();
			private var hidePattern:FESWaves = new FESWaves();
			
			private var myEffect:FlashEff2;

			protected function application1_creationCompleteHandler():void
			{
				myEffect = new FlashEff2Flex();
				
				myEffect.showTransition = showPattern2;
				myEffect.swapTransition = showPattern1;
				myEffect.hideTransition = hidePattern;
				
				myEffect.useSwapInsteadHide = true;
				myEffect.swapType = FlashEff2.SWAP_TYPE_HIDE_AND_SHOW;
				
				this.addElement(myEffect);
				myEffect.target = g1;
				myEffect.swapTarget = g2;
			}
	]]></fx:Script>
	
	<s:Button label="Restart" click="myEffect.show();" />
	
	<s:Graphic x="100" y="100" id="g1">
		<s:Rect width="400" height="300">
			<s:fill>
				<s:SolidColor color="#00ff00" />
			</s:fill>
		</s:Rect>
	</s:Graphic>
	
	<s:Graphic x="200" y="100" id="g2">
		<s:Rect width="400" height="300">
			<s:fill>
				<s:SolidColor color="#ff0000" />
			</s:fill>
		</s:Rect>
	</s:Graphic>
	
</s:Application>

		private function imageLoadingCompleted():void
		{
			// Need to stop
			effect.stop();
			
			switch (imageChangeReason)
			{
				case IMAGE_CHANGE_DEFAULT:
					effect.showTransition = photoShowTransition;
					break;
				case IMAGE_CHANGE_NEXT:
					slideShowTransition.preset = 2;
					effect.showTransition = slideShowTransition;
					break;
				case IMAGE_CHANGE_PREVIOUS:
					slideShowTransition.preset = 1;
					effect.showTransition = slideShowTransition;
					break;
				case IMAGE_CHANGE_COLOR_NEXT:
					effect.showTransition = flipShowTransition;
					break;
				case IMAGE_CHANGE_COLOR_PREVIOUS:
					effect.showTransition = flipShowTransition;
					break;
			}
			effect.show();
		}

			flipShowTransition = new FESFlip();
			flipShowTransition.preset=1;
			flipShowTransition.focalDistance=120;
			flipShowTransition.smooth=true;
			flipShowTransition.smoothSegments=3;
			flipShowTransition.tweenDuration=0.9;
			flipShowTransition.tweenType='Strong';
			flipShowTransition.easeType='easeInOut';

		public function toVisibility(visible:Boolean):void
		{
			if (this.isTransitioning)
			{
				var toTransitionType:String = visible ? "show" : "hide";
				if (this.currentTransitionType == toTransitionType)
				{
					return;
				}
				
				this.stop();
			}
			else if (target.visible == visible) // won't work!
			{
				return;
			}
			
			if (visible) this.show();
			else this.hide();
		}

<s:Group>

  <!-- Input text fields, buttons, etc here. Need mouse events. -->
  <my:MainControl ... />

  <s:Group>
    <!-- Input text fields, buttons, etc here. Need mouse events. -->
    <my:PopupControl ... />
    <FlashEff2Flex ... />
  </s:Group>

</s:Group>

	<s:Group width="600" height="450">
		<s:mask>
			<s:Group width="600" height="450">
				<s:Rect radiusX="15" width="600" height="450">
					<s:fill>
						<s:SolidColor color="#FFFFFF"/>
					</s:fill>
				</s:Rect>
			</s:Group>
		</s:mask>
		<s:filters>
			<s:GlowFilter color="#000000" blurX="10" blurY="10" strength="2" inner="true" />
		</s:filters>
			
		<mx:Image
			id="myImage"
			width="600" height="450"
			source="@Embed('Chrysanthemum.jpg')"
			/>
	</s:Group>
	
	<fx:Script>
		<![CDATA[
			import FlashEff2Flex;
			import com.jumpeye.flashEff2.symbol.brightSquares.FESBrightSquares;
			
			private var myEffect:FlashEff2Flex;
			private var showEffect:FESBrightSquares;
			
			// creationComplete
			private function init():void {
				myEffect = new FlashEff2Flex();
				
				showEffect = new FESBrightSquares();
				showEffect.squareWidth = 20
				showEffect.squareHeight = 20;
				showEffect.tweenDuration = 2;
				myEffect.showTransition = showEffect;
				
				addElement(myEffect);
				myEffect.target = myImage;
			}
		]]>
	</fx:Script>