ASファイルを見てる場合、Flashのライブラリでクラス設定されたものって気づきづらかったりします。

var init_mc : MovieClip = new InitView();
var myMap : BitmapData = new EffectMap(0, 0);

上記みたいなコードがあった場合、InitView.as、EffectMap.asでクラス定義されてると思ってASファイルを探してみても、Flashのライブラリでクラス設定されていたら、そんなファイルは見つかりません。

で、ライブラリの中でクラスが設定されているやつを調べるJSFL。

クラス設定されてるライブラリのみを対象に、クラスとか基本クラス（AS3）、識別子（AS2）などの一覧を出力パネルに書き出すコマンドです。

GetLibraryItemClass - Spark project
http://www.libspark.org/wiki/e_s_jp/GetLibraryItemClass

出力パネル例（ActionScript 3.0の場合）

Get Library Item Class Command
mySample.fla
Oct. 11, 2008 23:57:12

ActionScript 3.0
Document Class:	MainClass
**************************************************

Library Item:	initMC
Class:		InitView
BaseClass:		flash.display.MovieClip
Item Type:		movie clip
--------------------------------------------------

Library Item:	nextBtn
Class:		NextButton
BaseClass:		flash.display.SimpleButton
Item Type:		button
--------------------------------------------------

Library Item:	baseMC
Class:		BaseVIew
BaseClass:		flash.display.MovieClip
Item Type:		movie clip
--------------------------------------------------

Library Item:	parts/ColorPicker
Class:		fl.controls.ColorPicker
BaseClass:		flash.display.Sprite
Item Type:		component
--------------------------------------------------

Library Item:	parts/CheckBox
Class:		fl.controls.CheckBox
BaseClass:		flash.display.MovieClip
Item Type:		component
--------------------------------------------------

Library Item:	parts/hit.mp3
Class:		SESound
BaseClass:		flash.media.Sound
Item Type:		sound
--------------------------------------------------

Library Item:	parts/map.png
Class:		EffectMap
BaseClass:		flash.display.BitmapData
Item Type:		bitmap
--------------------------------------------------

出力パネル例（ActionScript 2.0の場合）

Get Library Item Class Command
mySample.fla
Oct. 11, 2008 23:57:12

ActionScript 2.0
**************************************************

Library Item:	initMC
Identifier:		initMC
Class:		InitView
Item Type:		movie clip
--------------------------------------------------

Library Item:	nextBtn
Identifier:		nextBtn
Class:
Item Type:		button
--------------------------------------------------

といった、具合を出力パネルに書き出す。

Save the result in a file

「Save the result in a file」は出力パネルの内容をファイルに保存するかどうか。
チェックした場合は、ファイル選択ダイアログが開きます。

GetLibraryItemClassコマンド　ダウンロード

GetLibraryItemClass.mxp
http://www.libspark.org/svn/mxp/GetLibraryItemClass/trunk/mxp/GetLibraryItemClass.mxp

Flash CS3 以降用です。
※インストールにはExtension Managerが必要。

利用方法

「コマンド」メニュー ＞ GetLibraryItemClass

ソースリポジトリ

GetLibraryItemClass ソース
http://www.libspark.org/svn/mxp/GetLibraryItemClass/trunk/src/

magnetosphere : software : the barbarian group
http://www.barbariangroup.com/software/magnetosphere

Magnetosphereの画像はいくつか見ることができるんですが、もうビジュアライザはダウンロードできなくなってしまいました。

ビジュアライザを表示したら「?」を入力してみるといいです。ヘルプスクリーンがでるので、いろいろ試してみるとさらに楽しい。

ちなみに、こちらは Magnetosphere のヘルプスクリーン。

iTunes 7のCoverFlowの人に続いて、Apple行きの作品ですね。Appleに買われるとか、もう凄いですよ。

CoverFlow
http://www.steelskies.com/coverflow/HomePage.html

Tanablog: “ライブラリの中でASが書いてあるやつを調べる” を改良した
http://bitmap.dyndns.org/blog/archives/001602.html

Tanablogさんが改良した、現在編集中のタイムラインにあるASも出力する機能に、メインタイムライン（シーン）のASを区別して書き出す機能をミックスし、オブション設定なども追加。

All items Mode

メインタイムライン（シーン 1、シーン 2、・・・）と、ライブラリアイテムの全てをチェックして出力。

Get Frame ActionScript Command
Main.fla
Aug. 23, 2008 0:30:57

##################################################
	 Main.fla : シーン 1
	 Layer:[ レイヤー 2 ], Frame:[ 5 ]
##################################################

trace("loaded");

##################################################
	 Main.fla : シーン 2
	 Layer:[ レイヤー 1 ], Frame:[ 23 ]
##################################################

// シーン 2終了
this.stop();

##################################################
	 parts/シンボル 7
	 Layer:[ レイヤー 2 ], Frame:[ 1 ]
##################################################

stop();

function hoge() :void {
    trace("hoge");
}

##################################################
	 parts/シンボル 7
	 Layer:[ レイヤー 2 ], Frame:[ 10 ]
##################################################

gotoAndPlay(2);

##################################################
	 シンボル 6
	 Layer:[ レイヤー 2 ], Frame:[ 1 ]
##################################################

trace("init");
stop();

##################################################

Current timeline Mode

現在編集中のタイムラインのみを対象として出力。

Get Frame ActionScript Command
Main.fla
Aug. 23, 2008 0:40:6

##################################################
	 Current timeline(シーン 2)
	 Layer:[ レイヤー 1 ], Frame:[ 23 ]
##################################################

// シーン 2終了
this.stop();

##################################################

とか、シンボル編集中の場合には、

##################################################
	 Current timeline(シンボル 7)
	 Layer:[ レイヤー 2 ], Frame:[ 1 ]
##################################################

stop();

function hoge() :void {
    trace("hoge");
}

##################################################
	 Current timeline(シンボル 7)
	 Layer:[ レイヤー 2 ], Frame:[ 10 ]
##################################################

gotoAndPlay(2);

##################################################

といった、具合を出力パネルに書き出す。

Output ActionScript code

「Output ActionScript code」のチェックはASコード内容出力のある/なし。

Save the result in a file

「Save the result in a file」は出力パネルの内容をファイルに保存するかどうか。チェックした場合は、ファイル選択ダイアログが開きます。

この合作？をSpark projectにコミットしたのでバシバシ改良してください。

GetFrameActionScript - Spark project
http://www.libspark.org/wiki/e_s_jp/GetFrameActionScript

GetFrameActionScriptコマンド　ダウンロード

GetFrameActionScript.mxp
http://www.libspark.org/svn/mxp/GetFrameActionScript/trunk/mxp/GetFrameActionScript.mxp

Flash 8 以降用です。
※インストールにはExtension Managerが必要。

利用方法

「コマンド」メニュー ＞ GetFrameActionScript

ソースリポジトリ

GetFrameActionScript ソース
http://www.libspark.org/svn/mxp/GetFrameActionScript/trunk/src/

[Flash]ライブラリの中でASが書いてあるやつを調べる
http://violentcoding.com/blog/2008/08/05/archives/207

タイムライン上でASが書かれたフレームを取得するJSFLが思ってた内容では無くて、少し困ってました。

こんな感じで普通に5フレーム目「trace(”frame 5″);」と10フレーム目「trace(”frame 10″);」にASを書いた場合、JSFLの frame.actionScript でフレームに記述されたActionScriptを取得しようとする。

var targetLayer = fl.getDocumentDOM().getTimeline().layers[0];

// 5フレーム目
var asCode05 = targetLayer.frames[4].actionScript; // => trace("frame 5");
// 10フレーム目
var asCode10 = targetLayer.frames[9].actionScript; // => trace("frame 10");

これはこれで良いのだけど、実は5フレーム目以降でも途中にキーフレームが無いと、その前のキーフレームに書かれた内容を actionScript プロパティとして持っている。

var targetLayer = fl.getDocumentDOM().getTimeline().layers[0];

// 5フレーム目
var asCode05 = targetLayer.frames[4].actionScript; // => trace("frame 5");

// 6フレーム目
var asCode06 = targetLayer.frames[5].actionScript; // => trace("frame 5");
// 7フレーム目
var asCode07 = targetLayer.frames[6].actionScript; // => trace("frame 5");
// 8フレーム目
var asCode08 = targetLayer.frames[7].actionScript; // => trace("frame 5");
// 9フレーム目
var asCode09 = targetLayer.frames[8].actionScript; // => trace("frame 5");

// 10フレーム目
var asCode10 = targetLayer.frames[9].actionScript; // => trace("frame 10");

これだと、ASが書かれたフレームだけをしっかり区別できないのです。下みたいに6から9フレームも空白キーフレームになってれば、区別できるのですが、普通こんなことしませんし。

なので、昨日はASが書いてある「キーフレーム」だけをうまく選別できなくて、適当かつ強引に「同じASが続く場合は無視！」とやっていたのだけど、当然、意図的に同じASコードが続くフレームの場合には出力できない状態でした。

今日、そういえば、_level0.CUPPYさんのとこにキーフレームを行き来するJSFLがあったなと思い出して、それができるのなら、キーフレームが取得できるんじゃないかと試してみました。

キーフレーム間をワンタッチで行き来する｜_level0.CUPPY
http://level0.cuppy.co.jp/2007/08/post_11.php

この中にでてくる frame.startFrame を使って、キーフレーム判定を試してみたらうまくASが書かれた「キーフレーム」だけを抽出できるようになりました。

ありがとう、_level0.CUPPYさん。

ということで、整理したり、なんらかの拡張機能に持っていくのは当分先になりそうですが、とりあえず使いたいという人は申し訳ないですが、早速修正するはめになったJSFLをダウンロードし直してくださいね。

libItemASCheckJSFL_0_2_0.zip

追記：

GetFrameActionScript - Spark project
http://www.libspark.org/wiki/e_s_jp/GetFrameActionScript

[Flash]フレームに書いてあるASを出力するコマンド | blog ViolentCoding
http://violentcoding.com/blog/2008/08/23/archives/279

Tanablog: “ライブラリの中でASが書いてあるやつを調べる” を改良した
http://bitmap.dyndns.org/blog/archives/001602.html

ありがとう、Tanablogさん。

それに加えてライブラリが整理されてないで、ただ入ってる状態の.flaファイルなんてものは、そのままゴミ箱にいれたくなりますよね。

普段.flaファイルを触る機会が少ない場合はなおさらです。

でもゴミ箱行きもかわいそうですし、どのMCにASが書いてあるかチェックできたら少しは楽になるかなっと思って、ざっとJSFL書いてみました。

追記：

GetFrameActionScript - Spark project
http://www.libspark.org/wiki/e_s_jp/GetFrameActionScript

[Flash]フレームに書いてあるASを出力するコマンド | blog ViolentCoding
http://violentcoding.com/blog/2008/08/23/archives/279

Tanablog: “ライブラリの中でASが書いてあるやつを調べる” を改良した
http://bitmap.dyndns.org/blog/archives/001602.html

ASが書いてあるキーフレームの取得方法の変更。

テスト用の.flaファイルでしか確認してないですけど、ライブラリアイテムを全チェックして、ASが書いてある「アイテム名」と「レイヤー名」、「フレーム番号」を以下のように出力パネルに書き出します。

##### Library Item:[ シンボル 5 ], Layer:[ レイヤー 2 ], Frame:[ 1 ] #####

this.stop();

###################################

##### Library Item:[ シンボル 3 ], Layer:[ レイヤー 2 ], Frame:[ 1 ] #####

// アクションスクリプト
trace("init");

###################################

##### Library Item:[ シンボル 3 ], Layer:[ レイヤー 2 ], Frame:[ 10 ] #####

gotoAndPlay(1);

たぶん、たくさんASが書いてある場合はどかどか出力パネルにASがでちゃうので、JSFLの中のisCodeOutput を false にするとASのコード内容は出ないようになります。

libItemASCheck.jsfl version 0.2.0

/* JSFL
	libItemASCheck.jsfl

	Version 0.2.0
	author Eiji Saito
	since  2008-08-04
*/

fl.outputPanel.clear();
fl.trace("********** Library Item ActionScript Check **********");
fl.trace("");

var doc = fl.getDocumentDOM();
var isCodeOutput = true;

libItemASCheck(isCodeOutput);

function libItemASCheck( isShowAS ) {
	if (doc == null) {
		return;
	}

	var itemArray = doc.library.items;
	var itemLength = itemArray.length;

	for (var i=0; i < itemLength; i++) {
		var libItem = itemArray[i];
		var type = libItem.itemType;

		if (type == "movie clip" || type == "graphic" || type == "button") {
			var libTimeline = libItem.timeline;

			var layersArray = libTimeline.layers;
			var layersLength = layersArray.length;

			for (var j=0; j < layersLength; j++) {

				var targetLayer = layersArray[j];
				var framesArray = targetLayer.frames;
				var frameLength = framesArray.length;

				for (var k=0; k < frameLength; k++) {
					var targetFrame = framesArray[k];
					var asString = targetFrame.actionScript;

					if (asString) {
						if (k == targetFrame.startFrame) {

							var libName = libItem.name;
							var layerName = targetLayer.name;
							var frameNum = k + 1;

							fl.trace("########## "
							 		+ "Library Item:[ "+ libName + " ], "
									+ "Layer:[ " + layerName + " ], "
									+ "Frame:[ " + frameNum + " ] "
									+ "##########" );

							if (isShowAS) {
								fl.trace("");
								fl.trace(asString);
								fl.trace("");
							}
							fl.trace("###################################");

							fl.trace("");
							fl.trace("");
							fl.trace("");
						}
					}
				}
			}
		}
	}
}

整理したり、なんらかの拡張機能に持っていく予定ですが、当分先になりそうなので、とりあえず使いたいという人は以下からどうぞ。コマンドとして使ってください。

JSFLダウンロード

libItemASCheckJSFL_0_2_0.zip

TransformationPoint - Spark project
http://www.libspark.org/wiki/e_s_jp/TransformationPoint

回転と傾斜変形が適用されている場合での変形点の設定バグに対応。

完全にその部分のテストを忘れていて、回転／傾斜が適用されてる場合に変形点を移動すると、変形点がとんでもない場所に設定されるようになってました。

この更新でオブジェクトに回転が適用されている場合も変形点を設定できるようになりましたが、回転角度が-180,-135,-90,-45,0,45,90,135,180度の場合のみに限られます。

傾斜が適用されている場合（回転角度が「—」となっている時）や、上記以外の回転角度の場合には、変形点の設定対象から外れます。

角度限定の理由は、変形に関するオブジェクトの値がMatrixで管理されているようで、どうしても変換時の誤差がでてしまうためです。

例えば、変形パネルで回転角度を「90度」としていても、JSFLでelement.rotationを取ると「89.99824523925781」となりますし、オブジェクトのXY座標だけを設定する場合でも、回転や傾斜が設定されているとそちらに影響がでてしまうような具合です。

ダウンロードはSpark projectで。

ダウンロード version 1.1.1

TransformationPoint.mxp
http://www.libspark.org/svn/mxp/TransformationPoint/trunk/FlashCS3/mxp/TransformationPoint.mxp
Flash CS3用です。
※インストールにはExtension Managerが必要です。

ソースリポジトリ

TransformationPoint ソース
http://www.libspark.org/svn/mxp/TransformationPoint/trunk/FlashCS3/src/

下のサンプルでどんな DisplacementMapFilter で流体っぽい動きになってるか試しみて、ソースを見た方がわかると思います。

_canvasBmpData = new BitmapData(MAP_WIDTH, MAP_HEIGHT, false, 0x000000);
var canvasBmp : Bitmap = new Bitmap(_canvasBmpData);
canvasBmp.filters = [new BlurFilter(4, 4, 1)];

_displaceMapFilter = new DisplacementMapFilter();
_displaceMapFilter.mapBitmap = _mapBmpData;

ドラッグすると FluidMap クラスで計算した結果を _fluidBmp として、DisplacementMapFilter の mapBitmap である _mapBmpData に draw() する。

// FluidMap : update
fluidMapBmpData = _fluidMap.updateMap();
_fluidBmp.bitmapData = fluidMapBmpData;

// update _mapBmpData
_mapBmpData.draw(_fluidBmp, _fluidBmp.transform.matrix);

DisplacementMapFilter の内容が変わったので _canvasBmpData に DisplacementMapFilter を繰り返し適用してやることで、描画が変化しつづける。（ことをEnterFrameでやってる。）

//updateDisplaceMapFilter(_canvasBmpData, _displaceMapFilter);で以下の処理
var sourceRect : Rectangle = _canvasBmpData.rect;
var destPoint : Point = new Point(sourceRect.left, sourceRect.top);
_canvasBmpData.applyFilter(_canvasBmpData, sourceRect, destPoint, _displaceMapFilter);

FluidMap では縦横サイズとグリッドのサイズを指定して、各グリッドのFluid計算用のデータ FluidMapDataを2次元配列に格納する。

例えば、300×300でグリッドのサイズを「10」としたら、30×30＝900の各グリッドに対して、Fluidの計算をしてるわけ。仮にグリッド無しでsetPixelしようとすると90000の処理になっっちゃう。

さらにその各グリッドの持つのXY方向のベクトル値を算出するために、隣接する６個のグリッドの値を使うのだけど、その取得にはまたその2次元配列を使うことになるわけで・・・。

その計算をEnterFrameで行っているわけだから、処理も遅くなる。

Fluidの計算自体は Glen Murphy氏のFluidコードのほぼそのまま。超省略な画像を置いておくので、これ見ながらソースを見た方が早いと思います。

必要なのはX方向とY方向の移動量（xVelとyVel）。それをDisplacementMapの色設定に使って、グリッドのサイズでマップ用のBitmapDataを作ってあげる。（色のFadeOutは強制的に色の値を変えちゃってるけど）

CalcPressure.as の「0.20」のところをGlen Murphy氏のFluidコードの通りに「0.25」にしてやると、波紋？な揺れが際立つよ。

ソースは前回と同じ。

ソース1：FluidSample.zip
ソース2：FluidSample_param.zip

Fluid \ Learning \ Processing 1.0 (BETA)
http://processing.org/learning/topics/fluid.html

Glen Murphy氏のコードはbodytag.orgの「FLUID3」とか、Glen Murphy氏のページにもあるやつ。

Glen Murphy氏のページのほうでは「Fluid3」のリンク先が「Smoke2」と入れ替わっちゃたりしていますけど。

このProcessingのコードをほぼそのままASでやっているサンプルはPapervison3Dに関わってるRalph Hauwert氏のところでダウンロードできて試せます。

若干コンパイルエラーがでますけど（voidがVoidだったりとか）、それを解消していけばすぐ動きました。

Fluid Dynamics : AS3 Source Code.
http://www.unitzeroone.com/blog/2005/10/25/fluid-dynamics-as3-source-code/

最初は、正統に流体シミュレーションを調べてからなんてちょっと思ったけど、ナビエ-ストークス方程式を理解して・・・なんて、数学のミレニアム懸賞問題とか理解できるわけありません。

高卒と同時に数学なんて忘れちゃって、四則演算以外の数学記号を見るだけでも嫌なのに。

Fluid Simulation for Computer Animation
http://www.cs.ubc.ca/~rbridson/fluidsimulation/

ということで、Glen Murphy氏のProcessingコードをベースにDisplacementMapFilterを使う方法でやってみたのがこれ。

一度クリックしてからドラッグするとFluidっぽい動きします。そして今回も例によって負荷高めなのです。一度始めると止める事はしません。ソースを置いとくので、ダウンロードしてから試した方が無難です。

それと、Macの場合はFlashPlayer 10で見た方が良いはずです。FlashPlayer 9で作っていますが、FlashPlayer 10では描画速度が速くなってるし（Windows環境と比べてまともになった感じ）。

内容の解説は[Flash]流体っぽいのを作ろうと思った（２）で。ソースは置いとく。

ソース1：FluidSample.zip
ソース2：FluidSample_param.zip

踊るんだ。踊り続けるんだ。何故踊るかなんて考えちゃいけない。意味なんてことは考えちゃいけない。意味なんてもともとないんだ。

どれだけ馬鹿馬鹿しく思えても、そんなこと気にしちゃいけない。きちんとステップを踏んで踊り続けるんだよ。そして固まってしまったものを少しずつでもいいからほぐしていくんだよ。まだ手遅れになっていないものもあるはずだ。使えるものは全部使うんだよ。ベストを尽くすんだよ。怖がることは何もない。

それもとびっきり上手く踊るんだ。みんなが感心するくらいに。

だから踊るんだよ。音楽の続く限り

村上春樹　ダンス・ダンス・ダンス（上）

オブジェクトの変形基準点を１個１個ダブルクリックしたり、シンボルの基準点を気にしたり、オブジェクトの端に吸着させて・・・の作業をあまり気にせずできるようになります。

2008/5/23追記：
「変形基準点」のことをヘルプでみたら「変形点」って書いてあった。
そもそも拡張機能の名前が「TransformationPoint」なんだから「変形点」が正しいわ。
でも、自分は「変形の基準点」って認識。

「CENTER」ではオブジェクトの真ん中を基準に変形基準点の位置を設定します。
( 0, 0 )でど真ん中、( -5, 10 )ならば、ど真ん中から左に5ピクセル、下に10ピクセル移動した位置となります。

「LEFT-TOP」はオブジェクトの左上が基準となり、「CENTER」と同じように変形基準点の位置を指定します。

さらに「LEFT-TOP」時の「Ratio」では、オブジェクトのタテヨコに対する比率で変形基準点を指定します。
( 0, 0 )が左上、( 0.5, 0.5 )が真ん中、( 1, 1 )で右下という感じ。

「Reset」 ボタンは変形基準点をダブルクリックした時の挙動。MCならばシンボルの基準点に変形基準点が合うやつ。

そして、お年寄りにも優しくパネルの大きさに合わせて拡大する。

本当は、「選択中の各オブジェクトに対して一括設定する」モードと、「それら全体の選択枠に対して設定する」モードの２種類を切り替えできるようにしたかったけど、JSFLで「fl.getDocumentDOM().setTransformationPoint()」を複数選択状態で呼び出すと、Flashが落ちてしまうのでできなかった。

Spark project に入れようと思っているのだが、その準備ができるまではここで。

2008/5/23
Spark Projectにコミットしました。
TransformationPoint - Spark project
http://www.libspark.org/wiki/e_s_jp/TransformationPoint

ダウンロード

2008/07/31 : Version 1.1.1に更新

回転と傾斜変形が適用されている場合での変形点の設定バグに対応。
回転角度が-180,-135,-90,-45,0,45,90,135,180度の場合のみ変形点を設定します。

TransformationPoint.mxp 1.1.1
http://www.libspark.org/svn/mxp/TransformationPoint/trunk/FlashCS3/mxp/TransformationPoint.mxp
Flash CS3用です。
※インストールにはExtension Managerが必要です。

ソースリポジトリ

TransformationPoint 1.1.1 ソース
http://www.libspark.org/svn/mxp/TransformationPoint/trunk/FlashCS3/src/

利用方法

「ウィンドウ」メニュー ＞ その他のパネル ＞ TransformationPoint

一応作った時のも

TransformationPoint 1.0.0
tp_mxp_1_0_0.zip
Flash CS3用です。
※インストールにはExtension Managerが必要です。

TransformationPoint 1.0.0 ソースダウンロード
tp_src_1_0_0.zip