2009年04月26日
wonderflのActionScriptをFlashで動かす @ Flash
wonderflのActionScriptをFlashで動かしたい事があると思いますが、Flashしか知らない人は、おそらく上手く動かせない場合があると思います。幾つかの記述を消して1フレーム目にActionScriptを置けば動く場合もありますが、スマートではないので、簡単に試せる方法を書いておきます。
まず、サンプルとしてここでは私が投稿した「matrix 5*5」を例に話をします。
matrix 5*5 | wonderfl build flash online
>>関連リンク
取り敢えず、上記のページからソースコードをDOWNLOADしてください。
ダウンロードしたファイルそのままだと1a4a2267f8b911b5362bc598666fa659df16197e.asとなってしまうので、Matrix55.asと変更します。これはソースコードの中に
public class Matrix55 extends Sprite
としている行があるのですが、ここのクラス名の部分をMatrix55としているので、ファイル名も同じ名称を使います。
次に、Matrix55.asと同じ場所にflaファイルを作ります。FlashでAS 3.0のFlashファイルを新規作成して、適当な名前で保存してください。(今回は分かりやすくMatrix55.flaで良いと思います。)
新規作成したドキュメントのプロパティパネルを開き、設定を行います。
設定内容に関しては、Matrix55.asの中にある下記の行をFlashのドキュメントで設定します。
[SWF(width="465", height="465",backgroundColor="#000000",frameRate="30")]
これはSWFメタデータタグなのですが、Flashでは無視されるので、設定をする必要があります。
見て分かると思いますが、465としてしている部分は幅と高さなので、Flash側もサイズを465*465に指定します。背景は#000000です。つまりは黒。(Matrix55.asの中でTextFieldを使っているのですが、白文字にしているので、背景が白のままだと文字が見えません。) 最後に残った部分はフレームレートなので、Flashのフレームレートも30にします。
プロパティの設定に関してはもう一つあります。ここが重要。ドキュメントクラスと書かれた部分がありますが、ここを「Matrix55」にします。先に出て来たクラス名です。
ここまで設定が終われば、基本的には終わりなのですが、今回のMatrix55.asではTweenerを使っているので、Google Codeからダウンロードしてください。今回は、ActionScript 3用を使います。
tweener - Google Code
>>関連リンク
tweener_1_31_74_as3.zipをダウンロードして解凍したら、caurinaと言うフォルダーが出来るので、それをMatrix55.asと同じ階層に置きます。(本当は、ライブラリーは何処かにまとめて、Flashの環境設定でクラスパスの設定を行った方がよいのですが、今回はその辺は省略します。)
以上で設定は完了です。後はFlash上で「ムービーをデバッグ」を実行して動作確認を行い、パブリッシュしてください。
今回紹介したMatrix55.asはFlashでも動くモノなので、問題ないのですが、wonderflはFlexのコンパイラが使われているので、wonderflの投稿作品の中にはこの様に設定しても動かないモノもあるかも。(MXML形式で書かれたモノは当然動きませんし、Flexにしか存在しないクラスを使っているモノは動かないと思います。)
関連日記
- 2008年12月23日 初めてのWonderfl (18866)@ Flash
- 2009年01月18日 wonderfl:3Dなパーティクル (6039)@ Flash
- 2009年08月09日 ブレッドボードでArduino (4972)@ 電子工作
- 2009年08月12日 Arduino Duemilanove 328が到着 (4434)@ 電子工作
- 2009年01月23日 wonderfl:MXML時のサムネイル画像 (3643)@ Flash
- 2009年04月26日 Flash/Flexの開発に必要な幾つか基本的なモノ (3625)@ Flash
- 2009年03月17日 Sandy FLARToolKit Starter Kit (3545)@ Flash
- 2008年12月18日 オンラインAS3コンパイラ「Wonderfl」 (3485)@ Flash
- 2009年12月16日 MacでFlash MiniBuilder (3452)@ Flash
- 2009年06月21日 wonderfl:フォークされるのは嬉しいが (3352)@ Flash
- 2009年06月09日 3Dなファーをレンダリング (3334)@ Flash
- 2009年02月24日 wonderfl:音声合成もどき (3207)@ Flash
- 2009年02月26日 Flash Player 10.0.22.87公開 (3083)@ Flash
- 2009年04月22日 wonderflに投稿されたコードのライセンス (3068)@ Flash
- 2009年07月24日 physical x wonderfl (3005)@ Flash
- 2008年12月25日 Wonderfl:MXML Test 2 (2996)@ Flash
- 2009年01月05日 Wonderfl:ランキング1位 (2938)@ Flash
- 2008年12月25日 Wonderfl:ユーザーランキング6位 (2931)@ Flash
- 2009年01月07日 Wonderfl:ランキングでまた1位 (2894)@ Flash
- 2009年05月09日 wonderfl:BetweenAS3とjiglibflashに対応 (2885)@ Flash
- 2010年10月29日 久々にwonderfl (2872)@ Flash
- 2009年01月24日 wonderfl:新しいランキングの仕組み (2840)@ Flash
- 2008年12月27日 Wonderfl:ユーザーランキング2位 (2831)@ Flash
- 2008年12月24日 Wonderflの投稿二つ目 (2823)@ Flash
- 2009年01月10日 wonderfl:3Dが色々 (2787)@ Flash
- 2009年01月25日 wonderfl:フルスクリーン対応 (2738)@ Flash
- 2010年01月22日 QuickBox2DとKitchenSync (2729)@ Flash
- 2009年01月12日 wonderfl:カメラの画像をミラー表示 (2669)@ Flash
- 2009年01月08日 wonderfl:ランキングの仕組み (2616)@ ウェブ
- 2009年01月26日 第9回「Webさわり会議」でした (2582)@ 広島
アマゾン広告
この日記ページは閲覧数などの条件に応じて、閲覧制限を行っています。他からリンクしていただいても、そのリンクから辿った閲覧者が当ページの内容をご覧頂けない場合があります。ご了承下さい。