Tweening Image Panels under a Maskimport fl.transitions.*;
import fl.transitions.easing.*;
// INITIALIZE START POSITIONS FOR BOTH OF OUR MOVIECLIPS(THESE CHANGE BELOW)
var markerStart:Number = pageMarker_mc.y;
var bodyStart:Number = body_mc.y;
// INITIALIZE THE STOP VARIABLES FOR LATER USE(THESE CHANGE BELOW)
var markerStop:Number = 0;
var bodyStop:Number = 0;
// SET UNCHANGING DURATION SPEEDS FOR THE EASE PROPERTY OF BOTH MOVIECLIPS
var duration:Number = .5;
var duration2:Number = 1.2;
stop();
////////////////////////////////////////////////////////////////////////// BUTTON 1 //////////////////////////////////////////////////////////////////////////////
function btn1Down(event:MouseEvent):void {
// SET [BODYSTART] POSITION ON BUTTON DOWN (WHERE IT IS CURRENTLY)
bodyStart = body_mc.y;
// SET [BODYSTOP] POSITION ON BUTTON DOWN(WHERE YOU WANT IT TO WIND UP)
bodyStop = 96;
var btn1body:Tween = new Tween(body_mc, "y", Strong.easeInOut, bodyStart, bodyStop, duration2, true);
}
//////////
function btn1Over(event:MouseEvent):void {
// PLAY THE [OVER] LABEL SET INSIDE THE MOVIECLIP NAMED [BTN1]
btn1.gotoAndPlay("over");
// SET [MARKERSTART] POSITION ON BUTTON DOWN (WHERE IT IS CURRENTLY)
markerStart = pageMarker_mc.y;
// SET [MARKERSTOP] POSITION ON BUTTON DOWN(WHERE YOU WANT IT TO WIND UP)
markerStop = 107;
///////////////////////////////////////////////TWEEN(MOVIECLIP, "AXIS", HOWEASE.EASETYPE, STARTPOSITION, ENDPOSITION, SPEED, BOOLEAN);
var btn1Marker:Tween = new Tween(pageMarker_mc, "y", Back.easeInOut, markerStart, markerStop, duration, true);
}
/////////
function btn1Out(event:MouseEvent):void {
// PLAY THE [OUT] LABEL SET INSIDE THE MOVIECLIP NAMED [BTN1]
btn1.gotoAndPlay("out");
}
///////// SET LISTENERS FOR BUTTONS
btn1.addEventListener(MouseEvent.ROLL_OVER, btn1Over);
btn1.addEventListener(MouseEvent.ROLL_OUT, btn1Out);
btn1.addEventListener(MouseEvent.CLICK, btn1Down);
//////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////// BUTTON 2 //////////////////////////////////////////////////////////////////////////////
function btn2Down(event:MouseEvent):void {
bodyStart = body_mc.y;
bodyStop = -114;
var btn2body:Tween = new Tween(body_mc, "y", Strong.easeInOut, bodyStart, bodyStop, duration2, true);
}
//////////
function btn2Over(event:MouseEvent):void {
btn2.gotoAndPlay("over");
markerStart = pageMarker_mc.y;
markerStop = 150;
var btn2Marker:Tween = new Tween(pageMarker_mc, "y", Back.easeInOut, markerStart, markerStop, duration, true);
}
/////////
function btn2Out(event:MouseEvent):void {
btn2.gotoAndPlay("out");
}
/////////
btn2.addEventListener(MouseEvent.ROLL_OVER, btn2Over);
btn2.addEventListener(MouseEvent.ROLL_OUT, btn2Out);
btn2.addEventListener(MouseEvent.CLICK, btn2Down);
//////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////// BUTTON 3 //////////////////////////////////////////////////////////////////////////////
function btn3Down(event:MouseEvent):void {
bodyStart = body_mc.y;
bodyStop = -320;
var btn3body:Tween = new Tween(body_mc, "y", Strong.easeInOut, bodyStart, bodyStop, duration2, true);
}
//////////
function btn3Over(event:MouseEvent):void {
btn3.gotoAndPlay("over");
markerStart = pageMarker_mc.y;
markerStop = 193;
var btn3Marker:Tween = new Tween(pageMarker_mc, "y", Back.easeInOut, markerStart, markerStop, duration, true);
}
/////////
function btn3Out(event:MouseEvent):void {
btn3.gotoAndPlay("out");
}
/////////
btn3.addEventListener(MouseEvent.ROLL_OVER, btn3Over);
btn3.addEventListener(MouseEvent.ROLL_OUT, btn3Out);
btn3.addEventListener(MouseEvent.CLICK, btn3Down);
//////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////// BUTTON 4 //////////////////////////////////////////////////////////////////////////////
function btn4Down(event:MouseEvent):void {
bodyStart = body_mc.y;
bodyStop = -532;
var btn4body:Tween = new Tween(body_mc, "y", Strong.easeInOut, bodyStart, bodyStop, duration2, true);
}
//////////
function btn4Over(event:MouseEvent):void {
btn4.gotoAndPlay("over");
markerStart = pageMarker_mc.y;
markerStop = 239;
var btn4Marker:Tween = new Tween(pageMarker_mc, "y", Back.easeInOut, markerStart, markerStop, duration, true);
}
/////////
function btn4Out(event:MouseEvent):void {
btn4.gotoAndPlay("out");
}
/////////
btn4.addEventListener(MouseEvent.ROLL_OVER, btn4Over);
btn4.addEventListener(MouseEvent.ROLL_OUT, btn4Out);
btn4.addEventListener(MouseEvent.CLICK, btn4Down);
//////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////// BUTTON 5 //////////////////////////////////////////////////////////////////////////////
function btn5Down(event:MouseEvent):void {
bodyStart = body_mc.y;
bodyStop = -742;
var btn5body:Tween = new Tween(body_mc, "y", Strong.easeInOut, bodyStart, bodyStop, duration2, true);
}
//////////
function btn5Over(event:MouseEvent):void {
btn5.gotoAndPlay("over");
markerStart = pageMarker_mc.y;
markerStop = 282;
var btn5Marker:Tween = new Tween(pageMarker_mc, "y", Back.easeInOut, markerStart, markerStop, duration, true);
}
/////////
function btn5Out(event:MouseEvent):void {
btn5.gotoAndPlay("out");
}
/////////
btn5.addEventListener(MouseEvent.ROLL_OVER, btn5Over);
btn5.addEventListener(MouseEvent.ROLL_OUT, btn5Out);
btn5.addEventListener(MouseEvent.CLICK, btn5Down);
//////////////////////////////////////////////////////////////////////////////////////////////////