슬라이드 모션에 마스크효과 주기

슬라이드모션_마스크.fla

바니슬라이더 메뉴에가다 살짝 응용하여 마스크를 넣어봤습니다.

아이디어는 두개의 쌍둥이 무비클립을 하나는 마스크를 걸어서 트윈 타임를 다르게 하는 것입니다.

 

소스는 아래와 같습니다.

 

import fl.transitions.Tween;

import fl.transitions.easing.*;

var tempNum:int = 1;

var nGap:Number = 550;

var tw1:Tween;

var tw2:Tween;

ini()

function ini() {

 btnLeft.visible = false

 btnLeft.addEventListener(MouseEvent.CLICK, leftHandler)

 btnRight.addEventListener(MouseEvent.CLICK, rightHandler)

}

function leftHandler(e:MouseEvent) { 

 tempNum--;

 if(tempNum == 1) btnLeft.visible = false 

 btnRight.visible = true

 pageMoveTween()

}

function rightHandler(e:MouseEvent) { 

 tempNum++;

 if(tempNum == 3) btnRight.visible = false

 btnLeft.visible = true

 pageMoveTween()

}

function pageMoveTween() {

 var nTarget:Number 

 nTarget = -(tempNum-1)*nGap

 tw1 = new Tween(mc1, "x", Strong.easeOut, mc1.x, nTarget, 1, true);

 tw2 = new Tween(mc2, "x", Strong.easeOut, mc2.x, nTarget, 1.5, true);

}