ビットマップのインスタンスを動的に配置する

つぎに，回すインスタンスを予めタイムラインに置かず，動的につくることにする。そのためには，[ライブラリ]のビットマップに[クラス]を設定しておく必要がある。[ライブラリ]でビットマップを選んだら，[ビットマッププロパティ]ダイアログボックスを開く（オプションポップアップまたはショートカットメニューから[プロパティ]もしくは[ライブラリ]のプロパティボタン⁠）⁠。[ActionScript用に書き出し]をチェックしたら，[クラス]を入力する。クラス名は「Image0」としよう（図4上図⁠）⁠。

今回，Image0というクラスは定義していない。また，そのつもりもない。すると，定義されていないクラスを「自動生成」する旨の警告が表れる（図4下図⁠）⁠。[OK]ボタンをクリックすれば，その名前で空のクラスが自動的につくられるという仕組みだ。そのクラスは空ではあっても，[ビットマッププロパティ]ダイアログボックスに[基本クラス]としてデフォルト入力されているBitmapDataクラスを継承する。BitmapDataはビットマップを扱うクラスなので，そのためのプロパティやメソッドが使える。

ひとつ注意しなければならないのは，BitmapDataがDisplayObjectクラスを継承しないことだ（図5⁠）⁠。DisplayObjectまたはそのサブクラスのインスタンスでなければ，インスタンスをタイムラインに加えて表示するDisplayObjectContainer.addChild()メソッドの引数として渡せない。つまり，BitmapData(およびそのサブクラスの)インスタンスは，そのままではタイムラインに表示できない。

そこで，DisplayObjectクラスを継承するBitmapクラスのコンストラクタメソッドに，ビットマップの(BitmapData)インスタンスを引数として渡す。そうすると，Bitmapインスタンスは，引数に受取ったBitmapDataインスタンスのビットマップイメージをもつ。このBitmapインスタンスをDisplayObjectContainer.addChild()メソッドの引数にして，ビットマップイメージをタイムラインに置けばよい（図6⁠）⁠。

var myBitmap:Bitmap = new Bitmap(new Image0(0, 0));
addChild(myBitmap);

このフレームアクションでひとつ注目してほしいのは，ビットマップに設定したクラス(Image0)のコンストラクタにふたつの0を引数として渡していることだ。これはスーパークラスBitmapDataのコンストラクタが，インスタンスの幅と高さを必須の引数としていることに対応する。

もっとも，サブクラス(Image0)から渡す引数はともに0でよく，インスタンスを生成すれば[ライブラリ]に納めたビットマップの幅と高さが自動的に設定される。だとすると，わざわざ引数を求める意味がない。そのような指摘を反映して，Flash Professional CS5では，これらふたつの引数は省くことができるようになった（※2⁠）⁠。

前掲スクリプト1に修正を加えよう。[ライブラリ]のビットマップイメージを動的に配置して，インスタンス中心からマウスポインタまでの水平位置に応じてビットマップイメージを水平に回すフレームアクションがつぎのスクリプト2だ。

// タイムライン: メイン
// [ライブラリ]のビットマップに[クラス]としてImage0を設定
var mySprite:Sprite = new Sprite();   // Spriteインスタンスを生成
var myBitmap:Bitmap = new Bitmap(new Image0(0, 0));
var nX:Number = stage.stageWidth / 2;
var nDeceleration:Number = 0.3;
mySprite.x = nX;
mySprite.y = stage.stageHeight / 2;
myBitmap.x = -myBitmap.width / 2;   // Bitmapインスタンスの位置合わせ
myBitmap.y = -myBitmap.height / 2;   // 親Spriteインスタンスの基準点が中心にくるように
addChild(mySprite);
mySprite.addChild(myBitmap);   // Bitmapインスタンスは親Spriteインスタンスの入れ子にする
addEventListener(Event.ENTER_FRAME, xRotate);
function xRotate(eventObject:Event):void {
  var nRotationY:Number = mySprite.rotationY + (mouseX - nX) * nDeceleration;
  mySprite.rotationY = xGetDegrees(nRotationY);
}
function xGetDegrees(nDegrees:Number):Number {
  nDegrees += 180;
  nDegrees %= 360;
  nDegrees += 360;
  nDegrees %= 360;
  nDegrees -= 180;
  return nDegrees;
}

最初のステートメントで，Spriteインスタンスを生成していることに気づくだろう。ビットマップイメージをもったBitmapインスタンスは，そのSpriteインスタンスに入れ子にした。なぜなら，Bitmapインスタンスの基準点が，左上隅にあって動かせないためだ。つまり，Bitmapインスタンスを直接水平に回せば，左端が軸になってしまう。そこで，親(Sprite)インスタンスに入れ子にしたうえで，親の基準点が中心にくるようにBitmapインスタンスの位置を整えている（※3⁠）⁠。

これで，[ライブラリ]で[クラス](Image0)を設定したビットマップのイメージが，SpriteとBitmapのインスタンスの入れ子となって配置され，イメージの中心からマウスポインタの水平位置に応じて水平に回転する（前掲図1参照⁠）⁠。3次元空間における回転は，さらに次回も引続きお題にする。

※2

「[ライブラリ]のビットマップに自動設定したクラスに渡す引数」参照。

※3

なお，BitmapDataクラスには位置座標のプロパティはない（前述のとおり，DisplayObjectクラスを継承しないので⁠）⁠。よって，ビットマップイメージをBitmapインスタンスの中で位置合わせすることはできない。