・・・AS3でアニメGIFの再生を試していたと思ったら、いつの間にかイベント発生周辺の処理順序に悩まされていた。・・・
現在、Progression Frameworkの実験として、「Flickrから最新写真一覧のRSSを読み込んで、アルバムっぽく表示する」というのを作ってみとるんですわ。でまぁ、RSSやら画像のロード中に表示する、「NOW LOADING」的な表示を行うために、これまでのエントリで紹介してきた、
- ロード終了まで、アニメーションを繰り返そう⇒WhileLoopを作ってみる
- 点滅のために、透明度を0と1の間で動かそう⇒DoTweenerを複数回使おうとして失敗
- 点滅のために、透明度0→1と1→0の2つのDoTweenerが必要だ！⇒SerialListを連続実行しようとして失敗
などと色々やってたんだが、コマンドベースでアニメーションすると、その間他の動作が出来ないことに気づいたので、結論としては、
やっぱ「NOW LOADING」的なアニメGIFを表示するのがいいよね
と言うことになった。
でもAS3だけだと、アニメGIFは1フレームしか表示されない。そこで、GIFPlayerなるライブラリを使用してみた。
でも、コイツはバグっぽい所があったのでちょっと直さないと動かない。
あと、GIFPlayerはライセンスが
License: GNU General Public License v3
as3gif - Google Code
と書いてある。え～、GPLv3かよ～。
GPLは堅苦しいしややこしいし、正直敬遠したいライセンスではある。
しかも、ByteArray.orgの方に書いてある紹介記事には、
Creative Commonsですよと書いてある。ワケがわからん。
このサンプルコードはCCで、本体はGPLv3なのか？
まぁいいや。
とりあえず今回はGIFPlayerの使い方と、バグ？修正の方法。
まず使い方。
{
import flash.display.Sprite;
import flash.net.URLRequest;
import org.gif.events.GIFPlayerEvent;
import org.gif.player.GIFPlayer;
public class Main extends Sprite
{
private var gif:GIFPlayer;
public function Main():void
{
gif = new GIFPlayer(false);
gif.addEventListener(GIFPlayerEvent.COMPLETE, onComplete);
gif.load(new URLRequest("loading.gif"));
addChild(gif);
}
private function onComplete(e:GIFPlayerEvent):void
{
gif.play();
gif.stop();
gif.play();
}
}
}
コンストラクタにある3行で、インスタンスを初期化し、完了時のイベントを設定し、GIF画像を読み込んでいる。
で、完了したら再生→停止→再生。
まぁ、完了時の3つの動作は、動作テストのためのコードなので気にしないで。
ともかく、再生したい時→play()、停止したい時→stop()でOK。
コンストラクタに引数を与えないか、trueを与えると、読み込んだ瞬間に再生が開始される。
が、そうは問屋が卸さないのが俺のActionScript道。
犬も歩けば棒にあたると言うことで、例によって思い通り動かないと言う問題発生。
コンストラクタにfalseを渡すと、なぜかplay()を実行してもアニメーションが再生されない。
おお、ホワーイ？
・・・
原因は、自動再生するかどうかのコードを実行する前に、イベントをぶん投げてるから。
GIF画像を読み込み後、コンストラクタの引数に応じて再生するかどうかを決める部分のコード
arrayLng = aFrames.length;
auto ? play() : gotoAndStop (1);
これね。この順番だと、呼び出し順序的にこうなる。
dispatchEvent (new GIFPlayerEvent (GIFPlayerEvent.COMPLETE , aFrames[0].bitmapData.rect));(GIFPlayer#onComplete)gif.play();(Main#onComplete)gif.stop();(Main#onComplete)gif.play();(Main#onComplete)auto ? play() : gotoAndStop (1);(GIFPlayer#onComplete)if ( myTimer.running ) myTimer.stop();(GIFPlayer#gotoAndStop)
最後にgotoAndStopが呼び出され、停止で終わってしまいました。残念。
と言う事で、直さないと駄目。
auto ? play() : gotoAndStop (1);
dispatchEvent ( new GIFPlayerEvent ( GIFPlayerEvent.COMPLETE , aFrames[0].bitmapData.rect ) );
これで良し。修正前後のサンプルはこちら。
が、GPLv3なので、修正版の全コードを公開しないと駄目とか、そういう制約があるんかな？
一応、修正したコードをアップロードして、リンクしときます。
しかし、こういう場合の本来の手続きってどうすればいいんだ？
Google Codeのプロジェクトにjoinさせてもらい、修正とか？
それともコメントすべきか？
いや、そもそもこの問題って、俺の環境でしか出ないとか？
