Page Flip Effect

Timeline:

If you are using this effect on the timeline you can easily set the parameters in the component inspector inside of Flash 8 or Flash CS3 (what is a component inspector?).

To see what results you get from changing any of these options please click Try Yourself and play around with the seetings.

ActionScript:

Below the parameter options for this effect.

Property	Type	Description
Start MovieClip	MovieClip	Sets the start MovieClip of the transition
End MovieClip	MovieClip	Sets the end MovieClip of the transition
Roll width	Number Min: 1 Max: 250	Sets the width of the roll that is rolling out during the transition in pixel
Page flip duration	Number Min: 4 Max: 500	Duration of the transition in frames
Direction	String "L->R" "R->L"	Sets the direction of the transition Left to right Right to left
Mirror flip side	Boolean	Sets if the "end Movieclip" should be displayed on the back on the roll
Flip side color	Color	If "mirror flip side" is disabled this sets the color of the back of the roll

To intilize the filter pass the parameters above with the init-Method.

width:Numberduration:Numbermirror:Booleancolor:Number

Method	Parameter	Description
init	start_mc:MovieClip end_mc:MovieClip width:Number duration:Number dir:String mirror:Boolean color:Number	See table above

To kill the generated animation use the kill method. Note: All calculating processes will be stopped and the source TragetMovieClip will set to visible, but the filter will remain on stage. To remove the filter please use the removeMovieClip method.

Method	Parameter	Description
kill	none	Stops the generated animation and sets the TargetMovieClip visible

Example:

// attach filter on stage
var pageFilter:MovieClip = this.attachMovie("PageFlipEffectAS2", "PageFlipEffectAS2", 1);

// init the filter with parameter
pageFilter.init(img1_mc, img2_mc, 35, 50, "L->R", false, 0xFF0000);

// set a listener to get an event when the transition in done
var eventListener = new Object();
eventListener.onComplete = function(){
trace("transition done");
}
pageFilter.addEventListener("onComplete",eventListener);

The example files delivered with the filter contain ActionScript examples.