swfmill を用いた Flash 開発チュートリアル

swfmill とは?

Flash の SWF ファイルと、データ記述言語 XML との相互変換を行うフリーソフトウェアのツールです。

• ​swfmill swf2xml and xml2swf

インストール

上記リンク先から自身のマシン環境にあった書庫ファイルをダウンロードして展開し、中の swfmill(.exe) ファイルを、環境変数 PATH に設定されているディレクトリへコピーします。

Linux 等の一部のディストリビューションにおいては、ディストリビューションが提供するセントラルリポジトリからインストールすることも出来るかもしれません。

使ってみよう

ここでは基本的に、 swfmill と MTASC を組み合わせて利用する方法について説明します。

画像ファイルを取り込む

swfmill では、 JPEG/PNG/SVG 画像ファイルを画像リソースとして取り込んだ SWF ファイルを作成することができます。まずは、以下の XML ファイルを作成し、 test.xml ファイルとして保存してください。

<?xml version="1.0" encoding="UTF-8" ?>

<movie width="320" height="320" framerate="15">
  <background color="#000000"/>
  <frame>
    <library>
      <clip id="fig_kuma" import="kuma.png" />
    </library>
  </frame>
</movie>

画像ファイルは以下の画像をダウンロードして使いましょう。

test.xml ファイルと kuma.png ファイルを同一ディレクトリに保存したら、ターミナル (またはコマンドプロンプト) を起動し、 cd コマンドを使ってこれらのファイルがあるディレクトリに移動してから、以下のコマンドを入力してください。

$ swfmill simple test.xml test.swf

これで、画像ファイル kuma.png の内容が画像リソースとして取り込まれた test.swf ファイルが生成されます。

しかし、これだけでは test.swf ファイルを開いても画像は表示されません。画像を表示するには、実際に画像を表示するスクリプトを書いて、 MTASC でコンパイルし直してあげる必要があります。そこで、今度は以下の ActionScript プログラムを記述し、 test.as ファイルとして保存してください。

class Test {
    static var app:Test;

    function Test(mc:MovieClip) {
        // 画像リソースを割り当てたムービークリップを生成し、表示する
        mc.attachMovie("fig_kuma", "image_mc", 1);
    }

    static function main(mc:MovieClip) {
        app = new Test(mc);
    }
}

そうしたら、次に、ターミナル上で以下のコマンドを入力します。

$ mtasc -cp . -swf test.swf -main test.as

これで、 test.swf ファイルが更新され、取り込んでいた画像が表示されるようになりました。 test.swf ファイルを Web ブラウザなどで開いてみましょう。