ゲームプログラミング入門：CodeZine（コードジン）
はじめてのActionScript 3～ライフゲームを作ってみる（1/2）：CodeZine

ふたつ目の記事は「ゲーム」とタイトルに入っておりますが、 Flex でゲームに応用できそうな技術入門と考えていただけると非常に読みやすいかと思います。

プログラミング技術のポータルサイトですので、ゲームプログラミングの話題があるのも不思議ではないですね。こういったコンセプトでゲームプログラミングを専門に扱うサイトがあると嬉しい感じです。

Windows で非同期読み込みというのをやったことが無く、どうやって実現するのか MSDN で探していたのですが、 CreateFile() にてファイルを開く際に FILE_FLAG_OVERLAPPED を指定し、続く API に OVERLAPPED 構造体のデータを作って渡すと、その API のファイル入出力が非同期になるそうです。

うそー、そんな簡単に。

もちろん、非同期読み込みならではの注意点をすべてケアしないといけなくなるわけですが、近いようなことは ActionScript でやってきたのでうまくいけばいいなぁ、と思います。ただ、描画に影響しないのかは実際にやってみないとわかりません。

当初の予定通り SQLite を使うようにすると非同期読み込みは簡単みたいです。 SELECT を投げたら、あとはループでぐるぐる回して、 if 文で「読み込み終わった？」というのを確認することができるとのこと。

ただ、どっちにしても DirectX なんかでテクスチャを生成するのに時間がかかったら意味ないかもしれません。ロード画面でアニメーションがカクッってなりそうです。

ActionScript によるコンテンツ制作があまりに楽だったので、それを参考にしているのも悪いのですが、イベントを送出するという特性に対して、受け取るという特性も必要か迷っております。

ActionScript では EventDispatcher 、もしくは IEventDispathcer を実装して内部でイベントを処理できるオブジェクトのみがイベントを送出できます。具体的にイベントを構築したり（プログラマが設定できない情報を登録する currentTarget とか）伝播させたりするのはコアのエンジンがやりそうな気もしますので、イベントの送出に特性が必要なのはたぶん仕方ないのだと思います。

ただ、イベントを受け取ることには特性はいらないような気がするのです（今、想定しているゲームの要件ならという条件付きですが）。実は ActionScript もそうなっているのですが、イベントを待ち受けるのに addEventListner() を使わねばならず、これのインタフェースと実装が IEventDispatcher と EventDispathcer にあります。ちょっと、イベントを受け取るという振る舞いを想像するのに Dispatch という単語がピンとこなくて悩んでいました。

Google Maps API なんかですと、イベントは誰でも受け取れて、リスナー登録はイベントクラスの静的メソッドで実現します。こういうの良いかもなぁ…、なんて思ったのですが、これだと private なイベントハンドラが登録できなそうです。

よくわからないのに無理にオブジェクト指向っぽくしているのがいけません。

ゲームの基本的な要素である Sprite と Flash の基礎的な要素である MovieClip までの継承ツリーを見てみると次のようになります。

長いです。そして、表現する物によっては要らない機能もあります。たとえばダッシュして巻き上げた砂のエフェクトなんかがイベントを送出したり受け取ったりできる必要はありません。ゲームによってはひとつひとつの表示オブジェクトが入力を受け付ける機能が不要になることも多いかと思います。

インタフェースによる代表的な実装を持つオブジェクトへの委譲などで、ひとつひとつのオブジェクトを軽量化できないか検討が必要のようです。

第2回：Flashの新機能、IKって何？

でも、考えようによっては表示ツリーとの相性が良くて Flash にはもってこいなのかもしれません。関節かぁ、関節ねぇ、でも、スパロボのアニメーションとは毛色が違いますよね（まだ、野望の火はくすぶっております）。

Flash が無いと SWF は作れないの？

いいえ、 Flex SDK があれば無償で SWF を作ることができます。

Flash と Flex SDK はどう違うの？

Flash を Visual C++ のような IDE と考えると、 Flex SDK は cl.exe とか link.exe とか nmake.exe みたいなものです。ただし、 Flex SDK にて SWF を作るためには JRE （ Java のランタイム）が必要です。

Flash を買う意味あるの？

アニメーション要素のあるムービーを低コストで作りたい場合は大いにあります。 Flash があればモーションをマウスでつけることができますし、モーションの惰性も二次元のグラフで簡単に指定できます。描画ツールもありますので、単純な図形をマウスやペンタブレットで描くこともできます。

もし、 Flash を使わない場合は、座標や回転値などのモーションデータをオブジェクトと数値で指定するか、 XML で指定なければなりません。

あなたはアニメーションを作れないのに、なぜ Flash を持ってるの？

デバッガが便利なのと、 Creative Suite にバンドルされていたからです。仕事で作った SWF は Stage のタイムラインの１フレームに起動コードがあるだけで、あとは ActionScript で構築しました。ここだけ見ると無駄なんですが、それを無駄と思わせないのはデバッガの存在が大きいと思います。

簡単に覚えられる？

なんらかのプログラミング言語の経験がある方にとっては、携帯 Flash や昔の Flash に比べたら遙かに難度は低いと思います。 Flash は Macromedia 時代からそうだったのですが、マニュアルが非常に良くできていて、情報源に不足がありません（トピック毎にコピペで動くサンプルがあるのが嬉しいです）。ただ、全く初めての場合は、入門書に頼った方が良いと思います（少なくともタイムラインが問題なく使えるようになるまでは）。

ゲームというソフトウェアを作るためのプログラム構築方法には、実に多くのバリエーションがあるということなど今更言う必要もないと思います（でも、本当は言った方が良いような気もします）。

最近、インタラクティブに動くコンテンツの制作手法として Flash の実績が見過ごせなくなってきました。つまり、「 Flash の手法ってゲームが作りやすいなぁ」ということです。思わず、今、作っているゲームのクラス階層が ActionScript のそれに近くなってしまいました。

ただ、 ActionScript は「肥大化した MovieClip を再分析する」という歴史があるのを忘れてはならないと思います。つまり、今、ゼロから ActionScript を構築したら、同じクラス階層になるのかという視点が重要なのでは無かろうかということです。

自分のゲームに取り込んで良い物か悩みます。でも、作りやすいです。次のゲームが 2D だからなおさら悩むのかもしれません。

Flash で謎のバグに悩まされていたのですが、どうやら内容がない表示オブジェクトの大きさが変更できないことが原因だったようです。自分で width とか指定してもだめなんですね。マニュアルに書いてありました。

たとえば画像ファイルのデータを内容に持つ表示オブジェクトを作ろうとするとき、画像ファイルを非同期に読み込んでしまうと、読み込まれて addChild() するまで表示オブジェクトの大きさが０になります（ width や height に値を入れても反映されません）。

ちなみに Graphics オブジェクトを使って描画したグラフィックでも内容と見なされるようです。表示ツリーに入らない四角形とかも内容としては十分です。ですので、目的の表示オブジェクトの大きさが決まっているのであれば、最初になんらかのグラフィックを描いておくのも手だと思います。

非同期って難しいですね。でも、ゲームプログラミングではよくあることだと思いますので勉強しています。

public class SomeClass
{
  private var member:String;
  // ↓オーバーロードできねぇ！
  public function set member(member:String):void
  {
    this.member = member;
  }
  // ↓こっちも！
  public function get member():String
  {
    return this.member;
  }
}

ECMA の新しい仕様は全く把握しておりません。 getter, setter といっても関数の延長なんでしょうか。

普段は、「 this をつければメンバかパラメータか区別できるでしょう」という考えの下、メンバ変数にプリフィクスやサフィックスをつけないのですが、広く使われているパターンですし、私も m_ とかつけるポリシーに移行しようか検討しています。

まだ、本格的なゲームのコードを書いていないだけに迷います。今なら何とでもできますが、考えすぎても時間がもったいありません。

でも、 C# ならもっとうまくいけたような気がします。 getter, setter に名前が要らなかったような気が…（メンバ変数名が採用されるとか）

本当はこれを他のプログラムで利用する方法が一番知りたかったのですが、まぁ、それをやるにもフォーマットを知る必要がありますので、わかったことを残しておきます。

まず、モーション XML エレメントというのは、 IDE から使う場合は必要な項目をガッチガチに固めてやらないとまずいっぽいのですが、以下のように ActionScript から使う場合は必要な項目だけ設定してやれば良さそうです（とりあえず動きました）。

import fl.motion.Animator;

var theShape:Shape = new Shape();
theShape.graphics.beginFill(0x0000FF);
theShape.graphics.drawRect(0, 0, 100, 100);
theShape.graphics.endFill();

addChild(theShape);

var theMotion:XML =
  <Motion duration="10" xmlns="fl.motion.*" xmlns:geom="flash.geom.*" xmlns:filters="flash.filters.*">
    <Keyframe index="0" x="100" y="100">
      <color>
        <Color alphaMultiplier="0" />
      </color>
      <tweens>
        <CustomEase target="position">
          <geom:Point x="0.1" y="0.1" />
          <geom:Point x="0.2" y="0.15" />
          <geom:Point x="0.3" y="0.2" />
          <geom:Point x="0.4" y="0.25" />
          <geom:Point x="0.5" y="0.3" />
          <geom:Point x="0.6" y="0.35" />
          <geom:Point x="0.7" y="0.4" />
          <geom:Point x="0.8" y="0.45" />
          <geom:Point x="0.9" y="0.75" />
        </CustomEase>
        <SimpleEase target="color" />
      </tweens>
    </Keyframe>
    <Keyframe index="9" x="400" y="200">
      <color>
        <Color alphaMultiplier="1.0" />
      </color>
    </Keyframe>
  </Motion>;

var theAnimator:Animator = new Animator(theMotion, theShape);
theAnimator.play();

初めて見る方は驚かれるかもしれません。なんと ActionScript は XML をソースコード中に組み込むことができるんですね（ PHP などでは文字列として用意してパースしなければなりません）。

以下、ポイントです。

• この XML で動かしたい表示オブジェクトを最初に構築しておく（上記コード中の theShape オブジェクト）
• Motion 要素の duration 属性に総フレーム数を指定する（上記コードは 10 フレームとなる）
• キーフレームの数だけ Keyframe 要素を追加する（上記コードは２つのキーフレームがある）
• Keyframe 要素の index 属性にフレーム番号を指定する（０から始まる点に注意）
• Keyframe 要素に x, y, scaleX, scaleY, skewX, skewY, rotation といった、対象表示オブジェクトの位置や大きさ、回転に関する情報を指定する
• トゥイーンを使いたい場合は Keyframe 要素内に tweens 要素を追加する
• SimpleEase 要素はキーフレームとキーフレームの中間のアニメーションを中割で自動作成する
• CustomEase 要素はキーフレームとキーフレームの中間のアニメーションをどういった割合で作成するか指定する（単純なトゥイーンデータでも感性がついているように動かすこともできる）

XML が用意できたら Animator クラスを使ってアニメーションを開始します（最後の２行）。 Animator クラスのインスタンスは参照が０にならないように注意してください。アニメーションが止まってしまいます。

ちなみに、「モーション XML エレメントのデータを動的に変更できないのか？」と疑問に思われるかもしれませんが、 theMotion が XML オブジェクトになっていますので、後からノードの編集は可能です。また、ソースコードに書いた XML 中で以下のようにすると変数を展開することができます。

<!-- variable が Flash の変数 -->
<Element attribute={variable} />
<!-- ↓ variable の中身が value の場合は以下のように展開される -->
<Element attribute="value" />

もう、簡単な動きに IDE は要らなくなるかもしれません。