flashにてフェードアウトアニメーションのあるページ移行についての質

質問

flashにてフェードアウトアニメーションのあるページ移行についての質問です。

フルフラッシュサイトを勉強のしたいと思い挑戦しています。
page1からpage2への移動する際にメニューボタンを押すとpage1のフェードアウトのアニメーションが再生されて、
さらに、page2のフェードインアニメーションがされてpage2のコンテンツを表示する為にはどうすればよいかわかりません。

・pageは複数
・どのpageから移動するさいにもそのpage特有のフェードアウトアニメーション
上記の条件を満たす方法を模索しております。

http://www.square-enix.co.jp/hikarino4sensi/
のサイトのようなページ移行の実現が目標です。

よろしくお願いします。

回答No.1

H240S18B73

とりあえず Tweener導入をおすすめ

http://www.tonpoo.com/tweener/

まずコンテナになるクラスを作って
ボタンを押すなりされたら
そのコンテナのインスタンス作成し
目的の画像のURLとかを引数にして
UILoaderなりに画像なりを
読み込むメソッドを用意しておき
さらに読み込み完了後にaddChildして
フェードインアニメーション
および要らなくなったコンテナのインスタンスを
フェードアウトするアニメーションを
実行するようなメソッドを
イベントリスナ登録しておく

//ページインスタンスはリストにしておくと扱いやすい
var pageList:Array=new Array()

loadPage(url){
//新規のページインスタンスを作成してリストに追加
pageList.unshift(new PageContainer(url))
//PageContainerクラスは読み込み完了したら"COMPLETE"イベントなりを
//dispatchするようにしておく
pageList[0].addEventListener("COMPLETE",onPageLoaded)
}

onPageLoaded(){
//読み込み完了したら作ったインスタンスをステージに表示
stage.addChild(pageList[0])
//要らなくなったイベントリスナーは削除
pageList[0].removeEventListener("COMPLETE",arguments.callee)
//フェードインアニメーション
Tweener.addTween(pageList[0],{alpha:1,time:2})
pageList[0].alpha=0
//表示してる頁が４以上あったら４個目をフェードアウト
if(pageList.length>3)Tweener.addTween(pageList[3],{alpha:0,time:2})
//５以上はステージとリストから削除
if(pageList.lenght>4){
stage.removeChild(pageList.splice(4)
}
}

だいたいこんな流れかなと思います
あとはボタンの連続押しに備えて
ボタンの一時的な無効化とか挟むカンジですかね