FlashEff2にFlex版を使ってみたよ
前々から気になってたFlashEff2にFlex版が出てたので買って使ってみました。
こんな感じ
http://moeten.info/flex/20091201_flexTest/bin-release/brightSquares.html
基本的にAからBっという感じでエフェクトを指定します。
ちなみにメルマガに登録しておくとディスカウントで49$で買えますよ。
フリーでもいいと思うけど、なんとなーく。
すべてのソースはこちら
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*" creationComplete="init()" backgroundGradientAlphas="[1,1]" backgroundGradientColors="[0xffffff,0x222222]" verticalScrollPolicy="off" horizontalScrollPolicy="off" viewSourceURL="srcview/index.html"> <mx:Script> <![CDATA[ import com.jumpeye.flashEff2.filter.reflection.FEFReflection; import com.jumpeye.flashEff2.symbol.equalizer.FESEqualizer; import com.jumpeye.flashEff2.symbol.brightSquares.FESBrightSquares; import com.jumpeye.Events.FLASHEFFEvents; private var reflection:FEFReflection; //初期化関数 private function init():void{ //終了イベント設定 myEffect.addEventListener(FLASHEFFEvents.TRANSITION_END , restargShowEffect); //反射 reflection = new FEFReflection(); reflection.refresh = true; reflection.reflectionAlpha = 0.8; reflection.reflectionRatio = 150; reflection.reflectionDistance = 0; myEffect.addFilter(reflection); //showエフェクト var showEffect:FESBrightSquares = new FESBrightSquares(); showEffect.squareWidth = 20; showEffect.squareHeight = 20; showEffect.tweenDuration = 2; myEffect.showTransition = showEffect; //hideエフェクト var hideEffect:FESEqualizer = new FESEqualizer(); hideEffect.equalizerPercentage = 50; hideEffect.tweenDuration = 2; myEffect.hideTransition = hideEffect; //ターゲット指定 myEffect._targetInstanceName = "myImage"; myEffect.show(); } //エフェクト終了イベント private function restargShowEffect(evt:FLASHEFFEvents):void{ var effectInstance:FlashEff2Flex = evt.target as FlashEff2Flex; //hideエフェクト終了なら再度エフェクトの開始 if( effectInstance.currentTransitionType == "hide" ){ myEffect.addFilter(reflection); effectInstance.show(); } myImage.alpha = 1; } ]]> </mx:Script> <local:FlashEff2Flex id="myEffect" showAutoPlay="false" hideDelay="3"/> <mx:Text text=" FlashEff 2.0 Flex version Test" fontSize="30" top="10" left="10" fontWeight="bold"/> <mx:Image id="myImage" source="@Embed('myImage.jpg')" visible="false" alpha="0" width="500" x="200" y="200"/> <mx:LinkButton click="{navigateToURL(new URLRequest('http://www.flasheff.com/flex.html'))}" label="http://www.flasheff.com/flex.html" horizontalCenter="0" bottom="30" color="0xffffff"/> </mx:Application>