[demoページ]

Flash 8（AS2）でPageFlipと言えば76design.comで公開されているDynamic Page Flip v2が有名ですが、AS3対応が欲しく、調べる必要があったついでに、使い方メモ。

使用するパッケージ
flex book component(beta)で公開されているSouceをダウンロードすると、デモソースと必要なパッケージが入っています。

パッケージ一覧

com.foxaweb.pageflip

com.rubenswieringa.book

com.rubenswieringa.containers

com.rubenswieringa.drawing

com.rubenswieringa.geom

com.rubenswieringa.managers

com.rubenswieringa.utils

org.flashsandy.display

ドキュメント
Book documentation

ライセンス
RECIPROCAL PUBLIC LICENSE
気になる人はOpen Source Group Japanにある説明を読んでみてください。

とりあえず試すための手順
1.ページめくりで使う表紙、裏表紙を含めた6ページ分の素材ファイルを準備する。そのとき、縦横サイズは揃える（サンプルは縦280px、横200px）。

[作成する素材ファイル例]
p1.png（表紙）
p2.swf
p3.png
p4.png
p5.png
p6.png（裏表紙）

2.適当なエディタでmxmlファイルを作る
サンプルmxmlファイルダウンロード

[主な変更箇所]
本を配置する座標、本の高さと幅、ページめくりに関する設定を<rs:Book>タグに記述する。

<rs:Book id="myBook" x="{Math.round(Application.application.width/2-200)}" y="{Math.round(Application.application.height/2-140)}" width="400" height="280"  openAt="0" autoFlipDuration="600" easing="0.7" regionSize="150" sideFlip="true"  hardCover="true" hover="true" snap="false" flipOnClick="true">

<rs:Page>

	<mx:Image source="@Embed('assets/img/sample/p1.png')" />

</rs:Page>

あとはFlex 3 SDKを使ってコンパイルする。

Flex 3 SDK 環境準備とコンパイル
以下はMacへのセットアップ手順です。Winの人はAdobe AIRの開発環境（Thik IT）をご覧あれ。

1.Flex 3 SDKダウンロード
Adobeのサイトから。

2.ダウンロードファイルの移動
アプリケーションフォルダ直下などにフォルダ（たとえば『AdobeFlex3SDK』）を作り、そこにダウンロードしたファイルを入れる
このとき、フォルダ名にスペースを入れると（『Adobe Flex 3 SDK』とかって）次の工程でPATHがうまく通らなかったです。

3.PATHを通す（もっといい方法あるのかも）
ターミナルを起動し、次の文字を入力し、Enter（あ、Macってよくみたらreturnキーなんだ、ま、いいや）。

~ $ vi .bash_profile

export PATH=$PATH:/Applications/[2でSDKを格納したフォルダ名]/bin

4.コンパイル
ターミナルでmxmlファイルを格納したディレクトリへ移動する。
デスクトップ上のsampleフォルダにsample.mxmlがある場合は次の文字を入力し、Enter。

cd /Users/[ユーザー名]/Desktop/sample

mxmlc sample.mxml

この手順でsample.swfが完成する。

注意点
デモではFlexでコンパイルしたswfをFlashで読み込んでaddChildしているのですが、ローカル環境のhtmlで開くとエラー（構成ファイルみると、『操作を完了できませんでした。（WebKitErrorDomain』と表示）に。でもサーバーにアップしたらこのエラーは出ないです。

Flexで作ったswfをFlashに読み込むことに関する参考URL
馬鹿全 - Flex と FlashCS3 で SWF を作るときの 18 のポイント＋α
Flash CS3→Flex２とFlex2→Flash　CS3どっちがいいでしょう？？（Flex User Group）