サンプルファイル■ActionScript2Tips.zip(Flash MX 2004形式/約184KB/Zip圧縮)
講座の解説と、ムービー内容は多少異なる場合がある。しかし、基本的な考え方や構造には差がない。なお、講座ではFlash 8 Trial英語版を使ったが、ファイル形式はFlash MX 2004に変換してアップロードした。

なお、Flash 8の機能紹介ではアプリケーション付属のサンプルムービーを使用したので、この添付ファイルには含まれていない。Flash 8(Trialでも可)を入手して、該当ファイルを参照してほしい。

// MovieClip: 回転させるインスタンス
// MovieClipアクション
onClipEvent (enterFrame) {
  _rotation += 10;
}

// MovieClip: 回転させるインスタンス
// 第1フレームアクション
function onEnterFrame() {
  _rotation += 10;
}

class クラス名 extends スーパークラス {クラス本文}
スーパークラスを継承(extends)したクラスの定義。

// ActionScript 2.0クラス定義ファイル: MyClass.as
class MyClass extends MovieClip {   // MovieClipを継承したクラス定義
  function onEnterFrame():Void {   // メソッド定義
    _rotation += 10;
  }
}

[*1] 名前のないfunctionで記述すれば、つぎのようになる。

[*2] ファイルの保存場所は、.flaファイルと同階層にするのがもっともシンプル。他の保存場所については、「クラスパスの考え方」参照。

var プロパティ:型指定
変数またはプロパティを宣言し、そのデータ型を指定(「厳密な型指定」)。指定した型以外のデータを代入すると、エラーを発生する。

// ActionScript 2.0クラス定義ファイル: MyClass.as
class MyClass extends MovieClip {
  var nDeceleration:Number = 0.2;   // イージングの減速率
  function onEnterFrame() {
    _rotation +=
    MyMath.getAngle(_xmouse, _ymouse)*nDeceleration;
  }
}

static function 関数名 ([引数]) {ステートメント}
static(静的)なfunctionは、クラスをターゲットとして呼出すメソッドになる。

// ActionScript 2.0クラス定義ファイル: MyMath.as
class MyMath {
  static function getAngle(nX:Number, nY:Number):Number {
    var nRadian:Number = Math.atan2(nY, nX);
    var nDegree:Number = radiansToDegrees(nRadian);
    return nDegree;
  }
  static function radiansToDegrees(nRadian:Number):Number {
    var nDegree:Number = nRadian/Math.PI*180;
    return nDegree;
  }
}

[*3] 座標からラジアン値の角度を求めるMath.atan2()メソッドやラジアンの意味については、Macromedia Flash TechNote「角度と座標の計算」参照。

[*4] .asoファイルの削除については、FLASH-japan「loadPolicyFileという名前のメソッドはありません」を参照。

なお、Flash 8には、この.asoファイルを削除したうえで、[ムービープレビュー](Test Movie)を実行するメニューが加わった。

図002■ASOファイルを削除してムービープレビュー

importキーワード
クラスパスを宣言。そのスクリプトペイン(ウィンドウ)内では、クラス名だけでアクセス可能になる。

UIObject.createClassObject(クラス, インスタンス名, 深度)
UI Componentsのクラスを指定して、インスタンスを作成する。シンボルの替わりにクラスの指定ができることを除けば、MovieClip.attachMovie()メソッドと内容は同じ[*7]。

ComboBox.addItem(labelプロパティ値, [dataプロパティ値])
ComboBoxインスタンスに、labelとdataのプロパティ値を設定する。dataプロパティ値は省略可能(オプション)。

EventDispatcher.addEventListener()(イベント名, リスナーオブジェクト)
UI Componentsインスタンスにリスナーオブジェクトを登録し、指定したイベントが発生すると、オブジェクトに設定されたコールバック関数を呼出す[*8]。

// ComboBoxクラスのimport
// フレームアクション
import mx.controls.ComboBox;
var nDepth:Number = 0;
// myComboBox0の作成
var my0_cb:ComboBox =
this.createClassObject(ComboBox, "myComboBox0", nDepth++);
my0_cb._x = 10;
my0_cb._y = 40;
my0_cb.addItem("item0", 0);
my0_cb.addItem("item1", 1);
my0_cb.addItem("item2", 2);
my0_cb.addItem("item3", 3);
// myComboBox1の作成
var my1_cb:ComboBox =
this.createClassObject(ComboBox, "myComboBox1", nDepth++);
my1_cb._x = 130;
my1_cb._y = 40;
my1_cb.addItem("itemA", 4);
my1_cb.addItem("itemB", 5);
my1_cb.addItem("itemC", 6);
my1_cb.addItem("itemD", 7);
// リスナーオブジェクトの作成
var oListener:Object = new Object();
// イベントリスナーの登録
my0_cb.addEventListener("change", oListener);
my1_cb.addEventListener("change", oListener);
// イベントハンドラメソッド設定
oListener.change = function(eventObject:Object):Void {
  trace(eventObject.target.value);
};

[*5] Flash MX 2004以降がもとづくMacromedia Component Architectureバージョン 2については、Flash MX 2004オンラインヘルプ[Flashコンポーネントガイド] > [コンポーネントについて]を参照。

[*6] クラスパスについて詳しくは、「クラスパスの考え方」および「パッケージの使用」を参照。

[*7] 実際、UIObject.createClassObject()メソッドはその中でUIObject.createObject()を呼出し、最終的にMovieCliip.attachMovie()メソッドが実行されている(スクリプト007)。

[*8] addEventListener()は、コンポーネントが継承するUIObjectでなく、EventDispatcherクラスのメソッド。EventDispatcherクラスのメソッドは、コンポーネントが初期化されるとき、UIObjectクラスに対して組込まれる。この手法は、「Mix-in」と呼ばれる(Flash MX 2004オンラインヘルプ[Flashコンポーネントガイド] > [コンポーネントイベントの処理] > [リスナーによるイベントの処理] > [リスナーオブジェクトの使用]参照)。

TransitionManager.start(ターゲットインスタンス, パラメータオブジェクト)
ターゲットインスタンスに、トランジションのアニメーションを設定する。設定内容は、パラメータオブジェクトで指定。

// MovieClip: アニメーションさせるインスタンス
// 第1フレームアクション
mx.transitions.TransitionManager.start(this,
  {type:mx.transitions.Zoom, direction:0, duration:5,
  easing:mx.transitions.easing.Bounce.easeOut});

Tween(ターゲットインスタンス, プロパティ名, イージングメソッド, 初期値, 終了値, 時間, 秒を単位)
ターゲットインスタンスに、トゥイーンアニメーションを設定する。トゥイーンの操作対象をプロパティ名とし、イージングメソッドを適用して、プロパティを初期値から終了値まで指定した時間でトゥイーンを行う。秒を単位がtrueなら時間が秒で指定され、falseのときはフレーム数が単位となる。

// MovieClip: トゥイーンを行うインスタンス
// 第1フレームアクション
import mx.transitions.Tween;
import mx.transitions.easing.*;   // [*11]
// Flash 8の場合
// var myTween:Tween =
// Flash MX 2004の場合[*12]
var myTween:Object =
new Tween(this, "_xscale", Elastic.easeInOut, 0, 100, 5, true);
myTween.onMotionFinished = function() {
  var myTween2:Tween =
  new Tween(this.obj, "_alpha", Bounce.easeInOut, 100, 0, 5, true);   // [*13]
};

[*9] TransitionとTweenクラスについては，Flash MX 2004のオンラインヘルプには記載されていない。しかし、正規にサポートされる。詳しくは、Macromedia Developer Center「Using the Tween and Transition Classes in Flash MX 2004」参照。なお、Flash 8ではヘルプに掲載された。

[*10] パラメータオブジェクトのプロパティは、[トランジション]ダイアログボックスの設定項目とつぎのように対応する(前出図005参照)。なお、param1、param2のプロパティは[トランジション]ビヘイビアから自動生成されたもので、パラメータとしては不要。パラメータ値emptyはundefined。

スクリプトとしては、つぎのように記述した方が見やすいかもしれない。処理内容には、差がない。

[*11] importキーワードでクラスパスを宣言するとき、同じパッケージパスに複数のクラスが存在する場合は，クラス名にワイルドカード*を用いて、そのパッケージパスのすべてのクラスをひとつのステートメントで読込むことが可能。

[*12] Tweenクラスのインスタンスは、Tweenで型指定するのが本来。ところが、Flash MX 2004のTweenクラスには、onMotionFinishedがインスタンスプロパティとして宣言されていない。そのため、コンパイルエラーが発生してしまう。これを回避するため、インスタンスを格納する変数には、Objectで型指定することになる(前出注[*9]の記事に紹介されたサンプル参照)。

Flash 8のTweenクラスは、この点が修正されている。したがって、Flash Player 7でパブリッシュする場合も問題はない。

[*13] Tweenインスタンスはobjプロパティに、ターゲットとしているインスタンスの参照をもつ。ただし、このことは、Flash 8のヘルプその他のドキュメントにも記載されていない。「Tweenクラス」[訳者注*4]参照。

MovieClip.filters
フィルタインスタンスを格納する配列のプロパティ。ただし、配列のメソッド(Array.push()など)や配列アクセス演算子([])で、直接フィルタインスタンスを追加することはできない。フィルタインスタンスが格納された配列を別途作成したうえで、その配列インスタンスをプロバティに代入する(スクリプト011参照)。

DropShadowFilter(距離, 角度, カラー, アルファ, 水平方向ぼかし, 垂直方向ぼかし)
指定した設定でDropShadowFilterインスタンスを生成する。アルファは百分率でなく、0から1までの数値であることに注意。他にオプションの引数もあり、[Properties]インスペクタの[Filters]タブと同等の設定が可能。

BlurFilter(水平方向ぼかし, 垂直方向ぼかし, クォリティ)
指定した設定でBlurFilterインスタンスを生成する。クォリティは整数で、通常1から3までの値を使用(数値が大きいほどぼけ幅も大きい。0はぼかしなし)。

// フレームアクション
// フィルタクラスの生成時に指定する引数値の初期化は省略
var image_mc:MovieClip;   // フィルタを適用するインスタンス
var filters_array:Array = new Array();   // フィルタインスタンスを格納する配列の初期化
// フィルタインスタンスの生成と配列への格納
var dropShadow:DropShadowFilter =
new DropShadowFilter
(nDropShadowDistance, nDropShadowAngle, nColor, nDropShadowAlpha, nDropShadowBlurX, nDropShadowBlurY);
filters_array.push(dropShadow);
var blur:BlurFilter = new BlurFilter(nBlurX, nBlurY, nQuality);
filters_array.push(blur);
image_mc.filters = filters_array;   // フィルタインスタンスの格納された配列を代入

[*14] DropShadowFilterフィルタのアルファは実際には0から1までの小数値なので、「Alpha」の百分率の値を100で割ってコンストラクタ関数の引数として渡している。