読者です 読者をやめる 読者になる 読者になる

FlashEff2にFlex版を使ってみたよ

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>