ソース（zip）
・DoTextAnimation.as
※別途BetweenAS3ライブラリが必要です。

以下、サンプルと使用例のasです。

package {
	import jp.progression.commands.lists.LoopList;
	import org.libspark.betweenas3.easing.Expo;
	import flash.display.MovieClip;
	import flash.events.Event;
	import flash.text.TextField;

	/**
	 * @author fumix
	 */
	 [SWF(backgroundColor="#FFFFFF", frameRate="30", width="200", height="25")]
	public class Sample extends MovieClip {
		private var tf : TextField;

		public function Sample() {
			addEventListener(Event.ADDED_TO_STAGE, _initialize);
		}

		private function _initialize(event : Event) : void {
			tf = new TextField();
			tf.x = tf.y = 5;
			addChild(tf);
			var loop:LoopList = new LoopList();
			loop.addCommand(
				new DoTextAnimation(tf, "Hello World!!","welcome to www.planet-ape.net!",
					{
						step: 4,
						time: 3,
						characters: "0123456789-#",
						transition: Expo.easeInOut
					}),
				new DoTextAnimation(tf, "welcome to www.planet-ape.net!","Hello World!!",
					{
						step: 4,
						time: 3,
						delay: 1,
						//characters: "0123456789-#",
						transition: Expo.easeInOut
					})
			);
			loop.execute();
		}
	}
}

LoopList内に2つDoTextAnimationを設置してループさせています。
第1引数が対象となるTextField、第2引数が変化前のテキスト、第3引数が変化後のテキストとなり、この3つは必須です。
それ以降のObjectはプロパティ名から何となく分かると思います（ぉ）。
Objectは全くなくても動作します。

元ネタ：labs.hellokeita.com » TextAnimation
ゼロから実装できるほどas得意じゃないんで、元ネタ有りです。
はい、もうTextAnimationの元祖的な感じです。
元ネタはtransition自体も自力実装だったのですが・・・すいません、BetweenAS3使ってます。

自分で言うのもなんですが、なかなか良さげなコマンドができました。
初めてまともに使えそうなコマンドになったなあ、と。

ダウンロード

templates.zip

ファイルをダウンロードして解凍後、出来たxmlをPreferences＞Templates＞Importで読み込みます。
読み込まれるとTemplatesメニューの一覧に以下のように追加されます。

反転してるところが追加されたテンプレートです。
Descriptionが日本語とかありえねえwwwとかNameが変wwwとかの場合はEditボタンを押せば変更できますので好きなモノに変えると良いです。

FDと違って新規asファイル作成時にテンプレートを選ぶことはできません。
新規asファイルはクラスかインターフェイスしか作れませんので、クラスでとりあえずasファイルを作ります。
出来たクラスファイルから記述してあるモノをすべて消して、Nameで指定した文言（ex:pcastsprite）を打てば補完候補に出てきますので、選択するとProgressionのテンプレートがドバーっと書き出されます。
packageもclassもコントラクタも全部補完された形で生成されるので、非常に便利です。

FDと同じように新規作成時に自動で生成できると良いのですが・・・Antという仕組み（マクロみたいなもん？）を使えば出来そうなのですがAntをまだ分かっていないのでそこまできませんでした。

「KirakiraMagicEffect」@fumix: WebDesigning賞

• デモ1
• デモ2

前回の勉強会に参加したとき、唯一自分でも何とかなりそうな「カスタムコンポーネント」で画面遷移時のエフェクトを作ってみました。ソースごとコンポーネントを公開したいのですが、勉強会時に頂いたデモのソースを改造して作ったレベルなのでもうちょっと整理してから上げます。はっきり言ってこのエフェクトコンポーネントは実務で使えるレベルではないのでこれを元に色んなエフェクトコンポーネントを作ってくれると良いなあ。

それで6/12(金)に授賞式が開催されました。

当日は授賞式の他に、上位入賞者（下記3作品）による受賞作品のプレゼンがあったのですが、いやー皆さんスゴいスゴい。自分が作ったモノとはレベルが違い過ぎで仰け反りました。きっと自分のモノが選ばれたのはGW中の開催であm（検閲）、ほんとにありがとうございました。

「Handpower Progression Controller」@II_koba_II:アイデア賞

まずHandpower Progression Controllerはまさにアイデア賞を取るために狙って作ったであろう作品で、モーション検知（webカメラの前で手をかざす）と音声検知を使ってシーンを切り替えようという「試み」でした。「試み」と書いたのは、はっきり言ってモーション検知の認識がイマイチだったからです（笑）
プレゼン中のデモンストレーションでも中々うまく動作せず、ようやく1回動いたときには会場から「おー！」と歓声が上がって、逆に盛り上がってました。授賞式の後の懇親会で「明るかったらもっと認識率良いんですか？」と訪ねたのですが「いや、悪いです」と即答されてしまいました・・・モーション検知は難しいですよね。
精度がもうちょっと上がったらうちの会社の受付とかに使ってみたい仕組みです。

「PRGEAIR（プロギア）」@daoki2:技術賞

PRGEAIR（プロギア）はtwitterでdaoki2さんがちらっと呟いていたのをみていて、そのときからかなり注目していた作品で、GoogleEngineAppとprogressionを繋ぎ合わせるAIRアプリです。このアプリ上でprogressionプロジェクトを指定してやるとGoogle App Engineと連携する為のサーバサイド側のpythonスクリプトやActionScript用のアクセスライブラリ、デプロイ用の設定ファイルまでを自動生成してくれるというもの。ご本人がプレゼン中に「地味です」を連発していたのですが、全然そんなことないです！！これはスゴイですよ！！
やっぱりサーバサイドはFlashser弱い（僕も弱弱です）人が多いと思いますので、Google App Engineのようなイノベーションが出てきても、なかなか飛びつき難いところがあります（pythonだし・・・）。そこをpython書かなくても、asだけでGoogle App Engine使えるよ！となると一気に敷居が下がります。まだデモサイトしか公開されていないようですが、公開されたら速攻使ってみようと思います。

「 CaptureSheetMaker」@clockMaker:グランプリ

CaptureSheetMakerはこれを組み込むことでprogressionコンテンツのシーン毎に自動でキャプチャを取り、それをまとめてPDFとして出力してくれるという、とんでもねーモノで審査員も会場にいた人達も全員納得、圧巻のグランプリ作品でした。実際のプレゼンでは機能のデモのみならず、これを使用した際のワークフローの提案まで盛り込んであり、素晴らしいプレゼンでした。プレゼンの資料はご本人のサイトにアップされています、必見ですよ〜。clockMakerさんは他にも「AutoSitemap」というサイトマップを自動で作成してくれるという機能拡張でもWebDesigning賞を受賞されています。まだ作品自体は公開されていないようなのですが、AutoSitemapだけでも公開しないですかね？今やってる案件ですっごく使いたいです（ぇー）

全体的な感想としては、それこそ自分が作ったようなエフェクトコンポーネント的なものが沢山あるみたいのを想像していたのですが、そんなものを遥かに上回る作品ばかりでびっくりでした。

当日のサンプルデータはこちらから・・・
[イベント] Progression 勉強会 in MTL 終了しました « blog.progression.jp

こんなものを作ってみました。

setComponentButtonのmxpをダウンロード
以前に作ったjsflにswfのインターフェイスを付けたもので、これ自体をProgressionのクラスベースで作りました。
っていうか、ProgressionってフルFlashサイトを簡単に作れるだけじゃなくて、Flashの機能拡張を作ることにもすっごい便利に使えます！

flabaka – JSFLInterfaceを使ってみる
今回はflabakaさんのこのエントリーを参考に作ったのですが、Progressionに用意されているJSFLInterfaceというクラスがすっごい便利で、これを使えばjsflをFlash上から簡単に実行させることができます。
まずはJSFLInterfaceをインポートして

			JSFLInterface.runScript(JSFLInterface.configURI + "WindowSWF/setComponentButton.jsfl", "setButton",buttonName);

こんな感じで書くと、用意したjsflファイル中の関数を実行できます。
JSFLInterfaceの詳しい使い方はこちらを参考に・・・。
JSFLInterface – Progression 3.1 – API Reference
Progressionはドキュメントも充実しています！

ちなみにこれのソースは、Progressionのtrac上にアップさせて貰っています。
見たいという奇特な方はこちらからどうぞー。
/experiments/fumix/setComponentButton/src – Progression – Trac

package
{
	import flash.display.Sprite;
	import jp.progression.commands.Func;
	import jp.progression.commands.ParallelList;
	import jp.progression.commands.SerialList;
	import jp.progression.commands.Trace;
	import jp.progression.commands.Wait;

	/**
	 * ...
	 * @author DefaultUser (Tools -> Custom Arguments...)
	 */
	public class Main extends Sprite
	{
		/**
		 * コンストラクタ
		 */
		public function Main()
		{
			//ループ処理スタート
			loop();
		}

		/**
		 * ループ
		 */
		function loop():void {
			var sList:SerialList = new SerialList();
			sList.addCommand (
				new Trace("はじめ"),
				new Wait(2000),
				new Trace("つぎ"),
				new Wait(2000),
				new ParallelList(null,
					new Trace("ぱられる処理"),
					new Trace("Parallel")
				),
				new Wait(1000),
				new Trace("おわり"),
				new Wait(1000),
				new Func(loop)
			);
			sList.execute();
		}
	}
}

SerialListとParallelListが同時に使えるのか？とかの実験をしているソースなので無駄にaddCommand内が長いですが、addCommandの最後に「new Func(loop)」として、loopを再度呼び出すことで処理をループさせています。
一応思ったような形で動作しているようですが、ずっと動かしているとメモリをがんがん消費してしまうとか無いのでしょうかね？
そこらへんが全然わからないので、ちょっと不安・・・。

※Funcコマンドの使い方はflabakaさんの以下のエントリーを参考にしました。
flabaka – Command処理内でtraceしたい！

ダウンロードして解凍後、

Windows Vista

ブートドライブ¥Users¥ユーザー名¥Local Settings¥Application Data¥Adobe¥Flash CS4¥言語¥Configuration¥Commands

Windows XP

ブートドライブ¥Documents and Settings¥ユーザー名¥Local Settings¥Application Data¥Adobe¥Flash CS4¥言語¥Configuration¥Commands

Mac OS X

Macintosh HD/Users/ユーザー名/Library/Application Support/Adobe/Flash CS4/言語/Configuration/Commands

にjsflファイルを放り込むと、コマンドメニューから実行できるようになります。
ボタンにしたいムービークリップ内で実行すると

のようなプロンプトがでます。
テキストフィールド内の文字列は、スペース区切りでそれぞれ

• anch：AnchorButton
• next：NextButton
• prev：PreviousButton
• pare：ParentButton
• roll：RollOverButton
• root：RootButton

となっていますので、設置したい文字列だけを残してあとは消去してOKを押します。
・・・すいません、いい加減なインターフェイスで汗

OKを押したあとは、こんな感じでフレームラベルとボタンコンポーネントが自動で挿入されます。
便利！！

※レイヤーはいくつあっても多分問題ないと思いますが、フレームは「1」にしておいてください。

参考にしたのは以下のエントリーです。
【Flash拡張機能】フレームラベルの名前を連番でつけてくれる.jsfl｜_level0.KAYAC

また、自分のFlashはまだCS3ですが、CS4のオンラインマニュアルがすっごく良くできているので、これも見ながら作りました。
Adobe Flash CS4 Professional * はじめに

trick7 – 火・炎の表現に – 「TeraFire」ライブラリ公開してみます。
前日行ってきたadobeMAXで個人的に一番ピキーンと来たセッションがSpark projectのライトニングトークでのTeraFireライブラリの紹介でした。
個人的にコレの他にTeraThunderがあると今の仕事につかえそうです（ぇー）。

で、これをProgressionのカスタムコマンドとして作ってみたのが以下です。

/**
 *
 */
package classtest{
	import flash.display.DisplayObjectContainer;
	import jp.progression.casts.*;
	import jp.progression.commands.*;
	import jp.progression.core.commands.Command;
	import jp.progression.events.*;
	import jp.progression.loader.*;
	import jp.progression.*;
	import jp.progression.scenes.*;
	import com.trick7.effects.TeraFire;

	/**
	 * MyCommand クラス
	 */
	public class addTeraFire extends Command {
		private var _x:Number;
		private var _y:Number;
		private var _width:Number;
		private var _height:Number;
		private var _color:uint;
		private var _colorOut:uint;
		private var _container:DisplayObjectContainer;
		private var _fire:TeraFire;

		/**
		 * コンストラクタ
		 */
		public function addTeraFire( container:DisplayObjectContainer = null, xPos:Number = 0, yPos:Number = 0, fireWidth:Number = 30, fireHeight:Number = 90, fireColorIn:uint = 0xFFCC00, fireColorOut:uint = 0xE22D09, initObject:Object = null ) {
			super( _execute, _interrupt, initObject );
			//パラメータセット
			_x = xPos;
			_y = yPos;
			_width = fireWidth;
			_height = fireHeight;
			_color = fireColorIn;
			_colorOut = fireColorOut;
			_container = container;
		}
		/**
		 * 実行されるコマンドの実装です。
		 */
		private function _execute():void {
			//TeraFireインスタンス作成
			_fire = new TeraFire(_x, _y, _width, _height, _color, _colorOut);
			//指定表示コンテナにTeraFireの追加
            _container.addChild(_fire);
			// 通常処理を終了します。
			executeComplete();
		}

		/**
		 * 中断実行されるコマンドの実装です。
		 */
		private function _interrupt():void {
			// 中断処理を終了します。
			interruptComplete();
		}

		/**
		 * MyCommand インスタンスのコピーを作成して、各プロパティの値を元のプロパティの値と一致するように設定します。
		 */
		public override function clone():Command {
			return new addTeraFire( _container,_x,_y,_width,_height,_color,_colorOut,this );
		}
	}
}

ほぼnorthprintさんのソースそのままですw
そもそもが簡単に扱えるライブラリであるTeraFireをわざわざカスタムコマンド化する意味があるのかは激しく疑問ですが、カスタムコマンドの作り方を何となくでも分かったのでOKとします笑

protected override function _onInit():void {
	// 実行したいコマンドを登録します。
    var sList:SerialList = new SerialList();
    for (var i:int = 0; i < 100; i++) {
        var setx:int = Math.random() * progression.stage.stageWidth;
        var sety:int = Math.random() * progression.stage.stageHeight;
        sList.addCommand(
            new addTeraFire(progression.container,setx,sety,30,90),
            new Wait(500)
        );
    }
	sList.execute();
}

こんな感じでシーンにas書いたのが下記のサンプルです。
[swfobj src="http://www.planet-ape.net/wp-content/uploads/2009/02/index.swf" align="none" allowfullscreen="false"]
炎いっぱい！！（重いよ！） ]]> http://www.planet-ape.net/blog/archives/694/feed 0 http://www.planet-ape.net/blog/archives/670 http://www.planet-ape.net/blog/archives/670#comments Fri, 30 Jan 2009 17:08:01 +0000 fumix http://www.planet-ape.net/?p=670 Adobe MAX Japan 2009
1月29日、30日とAdobe MAX Japan 2009に行ってきました。
以前の勉強会で一緒だった方々ともご挨拶できたし、見たセッションはどれも面白く興味深いものが一杯でした。
セッション終了後にでた食事もうまかったよ〜笑

ハイハイハイ、MAXきましたよ～！

＜1/29（木）＞

10:00～11:30　基調講演

• 風船の中から登場！！
• AIR、押しますねえ、やっぱりそこで商売したい感じなのか
• エクスペリエンスという単語が連発されていた印象。
• ニコニコ動画が紹介されていて、ちょっとウケた
• docomo携帯にAIRが載る！！っていうか、windowsモバイルでAIRが走るってことでしょ？

13:00～14:00　インタラクティブ・コミュニケーション事例

ヴィダルサスーン｜FASHION, MUSIC, VIDAL SASSOON
このサイトを作るまでの制作過程を「企画の段階」から解説。
このマトリックスみたいな360°撮影システムもいちから制作したということで、実際にこれのモックアップ版を持ち込んで実際に撮影してみていた。
イベントの企画段階から参加できるというのは大変だとは思うけど、webサイトの制作だけじゃなくて、凄く広がって面白いだろうなあ。

14:20～15:20　Flash Player 10の新テキストエンジン”Text Layout Framework”フル活用Tips

Adobe Labs – Text Layout Framework
Flash Player 10の新テキストエンジンの解説。
AIRアプリ版のニューヨークタイムス（だったかな？）はこの新テキストエンジンで組んだらしく、非常に美しい段組が実現できていてかつ、ウインドウの大きさに合わせてナチュラルに段組も変化していてなかなか凄かった。
まあでもFlashPlayer10対応コンテンツを堂々と使えるようになるのは、もうちょっと先かな笑

29日はここまで参加して仕事が残っていたので帰りました。

＜1/30（金）＞

10:00～11:30　基調講演

CS4アプリケーションでのシームレスな連携でのサイト制作をデモ。
Flashの部分は勉強会等で見慣れたものだった。
InDesignからFlashへデータを直接持ってこれるのにはびびった・・・けどInDesignないしな笑
あ、でも今後、印刷会社からInDesignのデータを送ってこられても、かまうことなく開けるってことか！
Flash Catalystっていうのが気になる製品だった。
Photoshopとかイラレとかのデータから「コードを書かずに」インタラクション（画面遷移とか、ボタン操作とか）を付けられるフレームワーク？
MXML形式で書き出されるからそれをFlex Builderに持っていってロジック（as）を書き足してコンテンツ開発ってイメージか。
うーん、でもFlashでやりたいです笑
Dreamweaverのライブビュー機能はいいなあ、地味に。
はやくCS4にしよう。

11:40～12:40　失敗事例に学ぶFlexプロジェクトの第一歩

うちでも一回だけ小規模ながらFlex案件やったことあるんですが、見事に炎上しました汗
このセッションであげられた失敗要素がすべて詰まっていたよorz

13:00～14:00　映像とプログラミング

yugop.com
はい、本日の目玉その1、中村勇吾神のセッション。
アニマ。
っていうか、あんまり喋ることはもうないみたい。
「もう俺の言いたいことわかるだろ、おまえら」って感じでした笑
骨組みで作ったアルファベットが落下していって、ぐしゃあとバラバラになって壊れるデモFlashがスゲかった。

14:20～15:20　Flashと外部デバイスを使ってアレを作りました。

Flash OOP Japan
外部デバイスとFlashを組み合わせたデモの紹介。
セッション会場外のブースでもデモの展示をしてた。
アクリルボードとプロジェクタ、webカメラを使った大型マルチタッチパネルのデモがすごかった。
googlemapsを両手でグリグリ拡大縮小させたりとか。
あれ作って、会社の受付とかに置いて驚かせたいわ〜。

15:50～16:50　コンテンツ制作の決め手、Progressionが可能にするFlash の未来

Progression
はい、本日の目玉その2、Progressionのセッション。
テクニカルな内容ではなく、グリグリと3Dで動くカッチョ良いスライド（これもProgressionで作られている）でProgressionの有用性とProgressionが描く「正しいFlashコンテンツの未来像」のプレゼンテーションでした。
名刺も頂けたのですが、ついにProgressionのビジネス展開をするようで、こちらもwktkです！
Progression御殿が建つ日も近い？！

17:10～18:10　コミッタ全員集合！？ Spark project ライトニングトークセッション

Spark project
最後はゆるーくライトニングトーク笑
ソースコード共有コミュニティSpark projectの紹介とそこにある実際のプロジェクトの紹介。
・sazameki | Index
動的に音の生成やフィルタリング処理等をするライブラリの紹介。
・TeraFire /TeraClock/
外部ライブラリを使うのは簡単だよ！ってことで自身で作ったライブラリを使ってみる方法を紹介。
最後に紹介してくれたteraHinode（だっけかな？）がウケた。
あとでライブラリ触ってみよう。
・FLARToolKit
saqooshaメソッドktkrか？！
Flashで拡張現実（電脳メガネとか攻殻機動隊とかのアレ）を実現するすっごいライブラリの紹介。
プレゼンにすでに拡張現実を使っていてすげかった。
これもあとで触ってみよう。
・flash-extension
Sparkはactionscriptの共有だけじゃないよ！ってことでFlashをより便利にするmxpやjsflのプロジェクトを紹介。
いくつかの機能拡張は自身も使わせて頂いております。
・SWFWheel
マウスホイールイベントの環境依存・状況依存を吸収するライブラリの紹介。
メンテナ・テスタを絶賛募集中だそうです笑
・Frocessing
FlashでProcessingするためのライブラリの紹介。
・specialbutton
機能満載の汎用ボタンコンポーネントの紹介。
キャラがカブリものでsaqooshaさんとかぶってました笑
すっごい早口で製品紹介するサラリーマンのようなプレゼン方法がおかしかった。
でもほんとに機能満載のボタンコンポーネントなので、あとで使ってみたい。
・Thread
スレッドを実現するためのライブラリの紹介。
面倒な非同期処理やリアルタイム処理を簡単に書けるようにするライブラリですが、まだas3をちゃんと使えてないのでちょっと有用性が良くわからず・・・。

全セッション終了後はお食事ターイム！でした。
立食なのでちょっと落ち着かなかったけど、なかなかうまかった！
いろいろと刺激を受けたイベントでした。
聴けなかったセッションも2月中旬頃サイトにアップされるようなので、見たいと思います。
来年も行けたら行きたいな。