第4回 東京てら子で Progression 講座受けてきたよ。 [ ActionScript 3.0
] 
3/1(土)の 第4回 東京てら子 で Progression の講座を受けてきました。
ver 2.0.1 の mxp はここからダウンロードできます。正式リリース(今週の金くらい?)の直前バージョンです。
http://progression.libspark.org/trac/browser/tags/2.x.x/2.0.1
Progression の初めの一歩
ダウンロードした Progression2.mxp ファイルをダブルクリックするとインストールできます。Adobe Extension Manager があった方がいいのかも。インストールすると、メニューの 「 ウィンドウ 」 > 「 その他のパネル 」 のところに 「 Progression Framework 」 ってのが出てきます。↓

メニューをクリックすると、↓のようなパネルが出てきます。

↑ 名前を決めて、種類を選びます。「 クラス 」 は AS でゴリゴリ書いていくモードです。「 EasyCastingXML 」 は、「 Adobe - デベロッパーセンター : Progression Framework 2 初級編:ActionScriptを書かずにFlashサイトを簡単に構築する 」 が参考になるかと思います。「 標準XML 」 と 「 タイムライン 」 はまだよく分かってません。
↓幅と高さは stage の wifth と height です。「 100% 」 のチェックボックスにチェックを入れると、生成される HTML 内の CSS で div要素の width と height として設定されます。「 中央に表示する 」 も CSS で flash 領域を画面中央に指定してくれます。

設定したら、「 作成する 」 をクリック。
すると、勝手に関連するファイルを自動生成してくれます。
↓こんな感じ。

deploy フォルダの中には他にもファイルが生成されていて、swfmacmousewheel.js、swfaddress.js、swfobject.js の3つは標準装備されていて、それも簡単に設定可能。src フォルダ内 のclasses の中には Tweener も入ってるという至れり尽くせり仕様w
すごーい! nium さんグッジョブ!!!w
いや、グッジョブどころではないよ、コレは@
てら子でもらったサンプルを元にページを作ってみる。
上で紹介したパネルで設定しようと思ってもできなかったこと。・ width も height も 100% 設定で、 StageScaleMode.NO_SCALE にしてセンタリングする。
要するにやりたいことは、こういうこと です。ブラウザ内いっぱいに flash 領域を広げたいのだけれど、ScaleMode.NO_SCALE でいくとコンテンツ(ステージ)が左上に行っちゃうんですよね。センタリングしようと思ったら、resize イベントを取らないといけない。
さすがにそれは自分でやらなきゃってな話でしたw
というわけで progression のコードを色々見てたのですが、IndexScene.as 内に 「 progression 」 を発見。これは IndexScene が継承している SceneObject のプロパティで、Index.as で new Progression() した時にセットされる模様。
542 // root を設定する
543 _root.progression_internal::progression = this; // (this is Progression)==true
で、この Progression オブジェクトは stage の参照を持っている ( Progression.stage ) ので、
_page = new IndexPage(progression.stage);
とでもして、IndexPage に stage の参照を渡し、
private var _stage:Stage;
public function IndexPage(stage:Stage) {
_stage = stage;
positioning(0);
_stage.addEventListener(Event.RESIZE, positioning);
}
private function positioning(e:Object):void {
x = (_stage.stageWidth - width) / 2;
y = (_stage.stageHeight - height) / 2-20;
}
という感じで、ようやくステージリサイズに対応。。
走り書きな感じのメモ。詳しく説明できたら、次回以降のエントリーにでも。
もっといいやり方があるやも?


















prev
random
next
最近のコメント
neti2 on 東京ライフハック研究会vol.1 に参加してきました!: neti2です。 昨
ひまわりマミー。 on ご献本いただきました > 『100円ノートで「超」メモ術』: 初めまして!読書記事
Ko:ki on Flash CS3 と amfphp 1.9 beta2 で Flash Remoting + クラスマッピング: flasher の方
やばい on Flash CS3 と amfphp 1.9 beta2 で Flash Remoting + クラスマッピング: やばいくらい参考にな
超メモ術著者 on ご献本いただきました > 『100円ノートで「超」メモ術』: 100円ノート「超」
Ko:ki on 携帯を新しくしました、が。: かんちゃ~ん!!お久
かんちゃん on 携帯を新しくしました、が。: ありゃりゃ〜!だね┐
Ko:ki on AS2.0 で Papervision3D を使ってみた。: >ひょっとしたら編集
Ko:ki on AS2.0 で Papervision3D を使ってみた。: > もしかしたらCS
akii on AS2.0 で Papervision3D を使ってみた。: 今日も作業をしていて
akii on AS2.0 で Papervision3D を使ってみた。: ありがとうございます
Ko:ki on AS2.0 で Papervision3D を使ってみた。: akii さん始めま
akii on AS2.0 で Papervision3D を使ってみた。: 初めまして、突然です
Ko:ki on JavaScript から ActionScript 3.0 を呼び出すって話。: うれしさがすごく伝わ
あきら on JavaScript から ActionScript 3.0 を呼び出すって話。: いやあ、助かりました
ゆぼ on Google Co-op ( カスタム・サーチ・エンジン ) の設置方法・その1: Ko:ki さん
Ko:ki on Google Co-op ( カスタム・サーチ・エンジン ) の設置方法・その1: ゆぼさん、始めまして