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 (18873)@ Flash
- 2009年01月18日 wonderfl:3Dなパーティクル (6046)@ Flash
- 2009年08月09日 ブレッドボードでArduino (4978)@ 電子工作
- 2009年08月12日 Arduino Duemilanove 328が到着 (4439)@ 電子工作
- 2009年01月23日 wonderfl:MXML時のサムネイル画像 (3651)@ Flash
- 2009年04月26日 Flash/Flexの開発に必要な幾つか基本的なモノ (3632)@ Flash
- 2009年03月17日 Sandy FLARToolKit Starter Kit (3553)@ Flash
- 2008年12月18日 オンラインAS3コンパイラ「Wonderfl」 (3494)@ Flash
- 2009年12月16日 MacでFlash MiniBuilder (3457)@ Flash
- 2009年06月21日 wonderfl:フォークされるのは嬉しいが (3356)@ Flash
- 2009年06月09日 3Dなファーをレンダリング (3338)@ Flash
- 2009年02月24日 wonderfl:音声合成もどき (3212)@ Flash
- 2009年02月26日 Flash Player 10.0.22.87公開 (3090)@ Flash
- 2009年04月22日 wonderflに投稿されたコードのライセンス (3076)@ Flash
- 2009年07月24日 physical x wonderfl (3008)@ Flash
- 2008年12月25日 Wonderfl:MXML Test 2 (3002)@ Flash
- 2009年01月05日 Wonderfl:ランキング1位 (2944)@ Flash
- 2008年12月25日 Wonderfl:ユーザーランキング6位 (2937)@ Flash
- 2009年01月07日 Wonderfl:ランキングでまた1位 (2899)@ Flash
- 2009年05月09日 wonderfl:BetweenAS3とjiglibflashに対応 (2890)@ Flash
- 2010年10月29日 久々にwonderfl (2876)@ Flash
- 2009年01月24日 wonderfl:新しいランキングの仕組み (2846)@ Flash
- 2008年12月27日 Wonderfl:ユーザーランキング2位 (2838)@ Flash
- 2008年12月24日 Wonderflの投稿二つ目 (2832)@ Flash
- 2009年01月10日 wonderfl:3Dが色々 (2794)@ Flash
- 2009年01月25日 wonderfl:フルスクリーン対応 (2742)@ Flash
- 2010年01月22日 QuickBox2DとKitchenSync (2740)@ Flash
- 2009年01月12日 wonderfl:カメラの画像をミラー表示 (2672)@ Flash
- 2009年01月08日 wonderfl:ランキングの仕組み (2622)@ ウェブ
- 2009年01月26日 第9回「Webさわり会議」でした (2587)@ 広島
アマゾン広告
この日記ページは閲覧数などの条件に応じて、閲覧制限を行っています。他からリンクしていただいても、そのリンクから辿った閲覧者が当ページの内容をご覧頂けない場合があります。ご了承下さい。