minomix blog » CASA Framework http://minomix.net/blog Flashの事とかWebや日常の事などいろいろ Sun, 27 Sep 2009 16:41:34 +0000 http://wordpress.org/?v=2.8.4 ja hourly 1 【CASA】ちょっとした変数を外部ファイルで扱う http://minomix.net/blog/2008/03/07/81/ http://minomix.net/blog/2008/03/07/81/#comments Thu, 06 Mar 2008 16:59:59 +0000 minon@minomix http://minomix.net/blog/2008/03/07/81/ 気が付けばCASAネタを2ヶ月以上更新して無かったわけですが。
ぱぱっと更新したいがために、簡単なネタをチョイスするあたり、すでにサボり癖がついている模様。

はい、FlashにはLoadVarsという外部ファイルから変数を読み込むオブジェクトがありますが、クラスベースで書くとなんか使いにくいというか、addEventListenerとかいまさら書きたくないとか、とにかくなんかうっとうしいのです。特に、CASAを使っていると。

はい、そこで便利なものがあります。

VarsLoad

単語の前後を逆にしただけという非常にややこしいクラス名。
必死に考えたが、良い名前が名前考えつかなかったと思われる。

使い方、というほどのものでもなく超シンプル。
XmlLoadのLoadVars版。

PLAIN TEXT
Actionscript:
  1. import  org.casaframework.load.data.VarsLoad
  2.  
  3. var _vl:VarsLoad = new VarsLoad("num.txt");
  4. _vl.addEventObserver( this, VarsLoad.EVENT_LOAD_COMPLETE, "onLoadComplete");
  5. _vl.start();
  6.  
  7. function onLoadComplete() {
  8. _vl.getValue("a");
  9. _vl.getValue("b");
  10. }

インスタンス生成時に指定してるファイルの中身は、LoadVarsで扱うときと同フォーマットで書いておく。
a=123&b=456
こんな感じ。

XmlLoadのときと同じく、ロード完了時のイベント登録しといて、start実行して、ロード完了したらイベント発生して、登録した関数が呼ばれる。
テキストファイルで指定した変数を引っ張り出したいときはgetValueに引っ張り出したい変数名をStringで指定するだけ。

あと、こいつはsendAndLoadもできる。
たとえばCGIとかにで引数指定してデータ引っ張ってくる場合はstartする前にsetValueするだけ

PLAIN TEXT
Actionscript:
  1. var _vl:VarsLoad = new VarsLoad("test.cgi", "POST");
  2. _vl.addEventObserver( this, VarsLoad.EVENT_LOAD_COMPLETE, "onLoadComplete");
  3. _vl.setValue("name", "minomix");
  4. _vl.setValue("page", "5");
  5. _vl.start();

ってな感じ。
ついでに説明、インスタンス生成する際の第2引数でGETもしくはPOSTを指定できます。
setValueの引数はいっこめが変数名、にこめが値。

ロード後は同じ。
煮るなり焼くなり好きにどうぞ。

カウンターとかXML使うまでも無いちょっとした変数を外部ファイルなりプログラムから引き出したいときはこいつが便利です。
そんな感じ。

]]> http://minomix.net/blog/2008/03/07/81/feed/ 0 【CASA】数値操作の便利もの http://minomix.net/blog/2007/12/28/69/ http://minomix.net/blog/2007/12/28/69/#comments Fri, 28 Dec 2007 09:57:43 +0000 minon@minomix http://minomix.net/blog/2007/12/28/69/ 今回はUtil系
XML操作の時に使ったXmlUtilもUtil系の一つ。

つーわけで、NumberUtilの紹介。

一個一個メソッドの解説書いていこうと思って書き始めたらドキュメントの翻訳作業に近い気がしたので、翻訳しちゃえ！と思ったら、英語さっぱりわからないので、自分で1からマニュアル書いてる気分になった。

ほとんど日本語訳というより、オイラが新たに書き起こしたに近いので、翻訳と思って読まないようにお願いします。

NumberUtilの翻訳のようで翻訳じゃないドキュメント

>trick7の人が真面目に翻訳してるので、そっちを待った方がよかったりするかも

NumberUtilのメソッドは結構いろいろあって、地味に便利なのは、

指定した範囲のランダムな整数を作ってくれる　randomInteger
指定した桁数で小数点以下を四捨五入してくれる　roundDecimalToPlace
指定した範囲内に数値を丸めてくれる　makeBetween

他にも数値にカンマ入れて文字列にしてくれるやつがあったり、大小判定したりだとか、一桁の数字の頭に「0」を追加してくれるやつがあったりとか、結構いろいろあります。
詳しくは見た方が早いと思うので、取りえずサクット目を通してみるのが良いかと。

こういうのって、みんな自作クラス用意してたり、その都度その都度コピペで持ってきたり、意外と毎回書いてたりする人も多いと思うんですよね。
最初、CASA使っても自作クラス使うのも手間的にほどんど同じやん！って思ってたんやけど、結局は他のところでCASA使ったりするので、もうこれで良いやんって感じに使いまくりです。

こういう地味なものも用意してあるCASAがステキ。
実はこういう地味なものが、制作スピードに一番影響がある気がしないでもない。

そんな感じ。

]]> http://minomix.net/blog/2007/12/28/69/feed/ 0 【CASA】グリッド状にMCを整列する http://minomix.net/blog/2007/12/19/67/ http://minomix.net/blog/2007/12/19/67/#comments Wed, 19 Dec 2007 08:30:38 +0000 minon@minomix http://minomix.net/blog/2007/12/19/67/ まるでSEOスパムのようなクラスリストに引っかかって、DistributionCollectionの検索ワードでたどり着く方が多いようなので、今回はこれで。
フォトギャラリーのサムネイルとかにそこそこ使えるけど、再配置した時にアニメーションさせるとかが出来ないのでそのうち改造してやろうかしら。

使い方はいたって簡単。

PLAIN TEXT
Actionscript:
  1. import org.casaframework.layout.DistributionCollection;
  2. import org.casaframework.math.geom.Rectangle;
  3.  
  4. var _dist:DistributionCollection;
  5.  
  6. //インスタンス生成
  7. _dist = new DistributionCollection( true );
  8. //描画の範囲を設定　x, y,
  9. _dist.setRectangle( new Rectangle(10, 10, 500, Number.POSITIVE_INFINITY) );
  10. //各アイテムのマージンの設定、CSSとmarginと同じ
  11. _dist.setMargin(20, 5, 5, 5);
  12.  
  13. var len:Number = 10;
  14. for ( var i = 0 ; i <len ; i++ ) {
  15. //addItemで整列対象のMCを順番にポコポコ追加していく。
  16. _dist.addItem( this.attachMovie("box", "box"+i, this.getNextHighestDepth() ) );
  17. }
  18.  
  19. //整列させる
  20. _dist.positionItems();

インスタンス作って、配置するエリアを指定して、マージン設定して、整列させるMCをポコポコ追加して、描画したら終了。
相変わらず楽チンですね。

DistributionCollectionのインスタンス生成時にtrueを突っ込んでるところはピクセルスナップのオンオフです。
多分ほとんどの場合でオンにしといた方が何かと幸せな気がする。

それと、setRectangleで描画範囲を設定するんですけど、Rectangleの設定で幅もしくは高さのどっちかにinfinityを設定しとかないとちゃんと整列してくれないので注意。

整列の順番はaddItemで突っ込んだ順番です。
オブジェクトを指定して、何番目かという順番の取得は出来るけど、再設定できないっぽい。
というわけで、順番の入れ替えとかは後から変更する手段が無いっぽいので注意。

応用としては、Rectangleを別に保持しておいて、Stageのサイズに合わせてonResizeとかで値変更して再描画、とかすると画面サイズにそって整列するサムネイルとかを楽チンに作れたりします。

そんな感じ。

]]> http://minomix.net/blog/2007/12/19/67/feed/ 0 【CASA】nフレーム後に関数を実行する http://minomix.net/blog/2007/12/19/65/ http://minomix.net/blog/2007/12/19/65/#comments Tue, 18 Dec 2007 18:40:20 +0000 minon@minomix http://minomix.net/blog/2007/12/19/65/ やばい、クラスリスト作ったせいで"casaframework"で検索するとめっさ上位に表示されるようになってもーた。
と言うわけで検索キーワードであがってきたものから順に追加していこうかと思ったり。

今回はFrameDelay

コレもさんざん既出なのは無視。

AS2で書いていると、attachで呼び出した直後に呼び出したMovieClipのタイムライン上に配置しているMovieClipのクラスが読み込めてなくて、関数とか呼び出せない時が結構あるわけで・・・

たとえば

PLAIN TEXT
Actionscript:
  1. mc:MovieClip = this.attachMovie("hoge", "hoge_mc", 1 );
  2. trace( mc.hogehoge);

（hogehogeってプロパティはあらかじめhogeに設定したクラスで設定されているモノとする。）

こんな感じに書くと、undefinedが帰って来るわけですよ。
これを回避しようと思うと、onEnterFrameとかで1回だけ実行して削除とか、結構めんどくさい事をしなけりゃならんわけ。

つーわけでFrameDelayの出番。

PLAIN TEXT
Actionscript:
  1. var _mc:MovieClip = this.attachMovie("hogehoge", "newMc", 1 );
  2. trace( mc.hogehoge); // undefined
  3.  
  4. var delay:FrameDelay = new FrameDelay( this, "init", 1 );
  5. delay.start();
  6.  
  7. function init() {
  8. trace( mc.hogehoge ) //OK
  9. }

（ここでもhogehogeってプロパティはあらかじめhogeに設定したクラスで設定されているモノとする。）

FrameDelay作成時の引数は、一個目から
呼び出す関数があるオブジェクト
呼び出す関数の名前（String）
何フレーム後に実行するか？

FrameDelayのインスタンスを作ったら、後はstartを実行すれば良いだけ。
そしたら指定したnフレーム後に実行されちゃうわけです。

はい楽チン。

タイムラインにスクリプト書いてたらあんまり意識しないところな気がするけど、クラスベースで書いてたら結構使いますね。

こんな感じ。

]]> http://minomix.net/blog/2007/12/19/65/feed/ 0 【CASA】CASAで超楽チンにXMLを使う http://minomix.net/blog/2007/12/13/64/ http://minomix.net/blog/2007/12/13/64/#comments Thu, 13 Dec 2007 12:16:04 +0000 minon@minomix http://minomix.net/blog/2007/12/13/64/ AS2.0で外部データとしてXMLを使おうとすると、意外とめんどくさいのよね。
ファイル読み込んで、ちくちくXMLの階層移動しながらObjectに変換したりとか。

その辺を全てCASAが肩代わりしてくれて超便利。
個人的にかなり良く使うし、簡単なのでまずはこれから。

（いろんな人が解説されてて既出すぎるのは気のせい）

PLAIN TEXT
Actionscript:
  1. import org.casaframework.load.data.xml.XmlLoad;
  2. import org.casaframework.util.XmlUtil;
  3.  
  4. var _xmlLoad:XmlLoad;
  5. var obj:Object;
  6.  
  7. function loadXML() {
  8.  
  9. //XmlLoadのインスタンスを作りつつ、XMLファイルのパスを指定
  10. _xmlLoad = new XmlLoad("data.xml");
  11.  
  12. //ロード完了時のイベント登録　※１
  13. _xmlLoad.addEventObserver( this, XmlLoad.EVENT_LOAD_COMPLETE, "onLoadComplete");
  14.  
  15. //読み込み開始
  16. _xmlLoad.start();
  17. }
  18.  
  19. //ロード完了時にこれが呼ばれます。
  20. function onLoadComplete() {
  21.  
  22. //XmlUtilを使って、XMLデータをオブジェクトに変換
  23. obj = XmlUtil.xmlToObject( _xmlLoad.getXml() );
  24. }
  25.  
  26. loadXML();

かんたん、かんたん。

※１のとこはCASAのEventDispatcherで、要になるところ。
ListenerじゃなくてObserverなところに注意、最初結構とまどった。
第1引数で、イベント発動時に呼び出す関数のスコープを指定。
第2引数で、発動イベントを指定（この場合はXMLのロードが完了したときに発動）
第3引数で、イベント発動時に呼び出す関数をStringで指定。
というわけで、XMLのロードが完了したら自動的にonLoadCompleteが呼び出されるわけですよ。

ロード完了以外にパース完了とか、パースエラーだとか、ロード中のプログレスだったりとかいろいろイベントあるので、くわしくはドキュメントを読むよろし。
自分は手抜きなのでロード完了以外ほとんど使った事がありませぬ。

で、ロード完了したらxmlLoadからXML取得して、XmlUtilのxmlToObjectにぶち込むとオブジェクトに変換されて返ってくるわけです。
中身はちょいとややこしい感じがするけど、慣れの問題。
自分でXMLの中身をたどっていく事を考えたらめちゃんこ楽。

基本はノード名→配列→属性名 or nodeValue

PLAIN TEXT
XML:
  1. <data>
  2. <hoge>こんにちは</hoge>
  3. <hoge>さようなら</hoge>
  4. <hage>
  5. <boke title="ぼけ"></boke>
  6. </hage>
  7. </data>

こんなデータがあったとすると

obj["data"][0]["hoge"][1].src　で"hoge1.jpg"がとれる

obj["data"][0]["hoge"][1].nodeValue　で"こんにちは"がとれる

obj["data"][0]["hage"][0]["boke"][0].title　で"ぼけ"がとれる

らくちんですね。

最近作るFlashはXML読み込むものがほとんどなので、こいつのおかげですっかりCASAが手放せなくなったわけでございます。

そんな感じ。

]]> http://minomix.net/blog/2007/12/13/64/feed/ 0