前編に引き続き、FlashCS6のスプライトシートをjQueryで処理するお話です。 処理をライブラリにまとめましたので、ご紹介します。

結構前の話ではありますが、FlashはCS6から、アニメーションを「スプライトシート」として書き出す機能が実装されています。 これはCreateJS等で簡単に再生出来る様になる便利な機能ですが、 今回はこのスプライトシートをjQueryで再生してみようというお話です。

jQueryのアニメーション機能はあまりにも便利ですが、
刻々と位置情報などを更新していくタイプの処理には向いていません。
こういうのが得意なのは、例えばASにおけるEnterFrameイベントなのですが、
似たような実装をJavaScriptで出来ないだろうか、というのが今回の趣旨です。

タイトルの通りですが、ちょっとつまづいたポイントがあったのでメモ。
Flashの「ライブラリ」に登録したビットマップデータの表示の仕方です。
そんなに頻繁にやる事ではなさそうですが…。

AS3実験室: 画像を読み込んでボタンにする～SimpleButtonの巻
AS3実験室: 画像を読み込んでボタンにするに続いて、
もういい加減にしなさいというテーマですが、書いてみちゃいました。
今回は、SimpleButtonクラスを拡張してselectedプロパティを追加してトグル出来るようにしました。

先日取引先から、納品したFlashについて問い合わせがありまして、
「設定用のXMLファイルの場所をswfと一緒に移動したら動かなくなった」とのこと。

XMLファイルへのパスをスタティックに指定してしまうと、
こういう事態に対処出来なくなり、メンテナンス性を欠くのでは？
という事でflashvarsでXMLファイルへのパスを渡す方式にして解決しました。

AS3実験室: 画像を読み込んでボタンにするを書いたあとに気付いたのですが、
SimpleButtonという便利なクラスが存在しておりまして、
これを使った方がより簡単にボタン化出来るので、フォローとしてログっておきます。

これも意外と頻出する処理ではないでしょうか。
読み込んだビットマップデータをボタン化する処理を、面倒なのでクラス化してみました。