PagTurn 3D CS Quick Start

Author: Digicrafts Last Update: 07/01/2009

 


1. Prepare your workspace.

Create a directory to hold your files (e.g. Desktop\project).

 

 2. Prepare images for PageTurn3D. PageTurn 3D support jpg, gif and png.

You can prepare your image in your favour image editor and saved in a folder inside your working directory.

 Or follow guide here to prepare images in PhotoSho.

< Prepare Images with Photoshop xml. >

1 image is repsent to 1 page. 

 

3. Setup up a xml to be used in PageTurn 3D (Skip to 4 if you are using PhotoShop xml)

 You can follow this guide to setup a custom xml file.

<  Prepare custom xml for your images. >

 The xml is use to describe which images is use to build the components.

 

4. Import a PageTurn 3D CS component.

Open the "Components Panel", menu "Windows > Components".
Drag the PageTurn 3D CS on the stage from the Components Panel and resize it when needed.
Select the PageTurn 3D CS on the stage and name it with instance name, said "pageturn_mc".

5. Fill in the necessary parameter.

Open the Component Inspector, menu "Windows > Component Inspector".
source
In the source page, fill in the source URL in the XML created. This should be the path to the custom xml. Or the path to "photos.xml" if you are using photoshop to generate the photo and xml.
The path is related path to the html which hold the swf, Or, it can be full path to any URL (e.g. www.xyz.com/ablum/photos.xml)

!!Important!! Due to crossdomain security issue in Flash Player 9+. If you are loading images from other domain where the domain havn't a valid crossdomain.xml (e.g. your swf in in www.abc.com and loading images from www.cde.com). You must fill in the proxy script here in order to make cross domain access. You can download the proxy script and get more information here, Server-side proxy method. If your PhotoFLIP and photo are under the same domain, it is no need to fill in the proxy field.



6. Test the movie.

Press Ctrl+Enter or menu "Control > Test Movie" to start testing the menu.

 

 

You can add more feature to follow the guide below.

> Custom depth for each item by xml

> Custom material for each item by xml

> Adding scroll function to component