ぱっと見、 JavaScript の JSON みたいな感じです。ちょっとモーションデータをイメージしてみました。

- frame: 10
  viewpoint: [0, 0, 32, 32]
  position: [0, 0, 0]
  alpha: 0.75
  easing:
    - type: custom_ease
    - rate:
        - 0.1
        - 0.2
        - 0.3
        - 0.6
        - 0.9
- frame: 15
  position: [100, 100, 0]
  easing:
    - type: simple_ease
- frame: 50
  rotate: [0.0, 0.0, 90.0]
  scale: [2.0, 1.5, 1.0]

あと、ラベルとループ指定も必要か…

ちなみに C++ だと >> をオーバーロードして、取り込み先のオブジェクトとして最適な型を選ぶことができるようです。まぁ、当たり前と言えば当たり前。それなくして C++ で使う意味はないかもしれません。

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 時代からそうだったのですが、マニュアルが非常に良くできていて、情報源に不足がありません（トピック毎にコピペで動くサンプルがあるのが嬉しいです）。ただ、全く初めての場合は、入門書に頼った方が良いと思います（少なくともタイムラインが問題なく使えるようになるまでは）。

実は、この考えは私の恩師流なのですが、自分も昔から自分の想像が正しいかどうかを確かめるためにわざどエラーを起こすようにして確かめてきました。ただ単にエラーを起こすだけではいけません。「こう変えたら、こうエラーになるはずだ」と予想してからエラーを組み込むことが重要です。

先日も XML にて xmlns:alias=”http://～” の alias の部分は何でも良いのかと疑問に思って、試しに unko とかに変えてエラーを確かめました。

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

まず、モーション 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 は要らなくなるかもしれません。

今日、仕事をしていて漢字が含まれているセルをソートしてみたのですが、うまくソートされませんでした。気になって調べてみましたところ、なんと読み仮名の情報までセルに入っていました。ソートがうまくいかなかったのは漢字ではなく読み仮名でソートされていたからでした。

たとえば「日本」などは、「にっぽん」と入力したか「にほん」と入力したによって、同じ「日本」という漢字でもどちらが上に来るのか変わってくるのです。気になる人は実際に試してみてください。本当に読み仮名が入っているか確かめたい場合は、拡張子を *.zip に変換して XML データを解析してみましょう。

私は今まで、 IME は OS の前に立って漢字を確定するまでを全ての入力と反応を担当し、確定後にデータを OS へ渡すという門番的な振る舞いをするのかと思っていたのですが、どうやら違うようですね。もう一歩 OS に食い込んで、読み仮名もなんらかの方法で渡しているようです。

う～ん、奥が深いですな。

SourceForge.net: GnuWin
（↑ダウンロードのページから libxml を見つけることができます）

libxml2 は XML を読んだり書いたりラジバンダリできるライブラリです。書くくらいなら自分でコーディングしても惜しくないでしょうが、読んだり XPath で収集したりするとなるとこういったライブラリを使った方が楽にできます。

ゲームに XPath を応用しようという試みが吉と出るか凶と出るか大変心配ではありますが、がんばりたいと思います。前人未踏か前代未聞かの瀬戸際かもしれません。やはりパフォーマンスがネックでしょうなぁ…。

中身はこのようになっておりました。ファイルや構成はワークシートの内容によって変わります。

C:.
│  [Content_Types].xml
│  
├─docProps
│      app.xml
│      core.xml
│      
├─xl
│  │  calcChain.xml
│  │  sharedStrings.xml
│  │  styles.xml
│  │  workbook.xml
│  │  
│  ├─printerSettings
│  │      printerSettings1.bin
│  │      printerSettings2.bin
│  │      printerSettings3.bin
│  │      
│  ├─theme
│  │      theme1.xml
│  │      
│  ├─worksheets
│  │  │  sheet1.xml
│  │  │  sheet2.xml
│  │  │  sheet3.xml
│  │  │  sheet4.xml
│  │  │  sheet5.xml
│  │  │  
│  │  └─_rels
│  │          sheet1.xml.rels
│  │          sheet2.xml.rels
│  │          sheet5.xml.rels
│  │          
│  └─_rels
│          workbook.xml.rels
│          
└─_rels
        .rels

XML ですので人間にも読める形式となっておりました。大量のデータを保存すると当然ファイルサイズも大きくなりますが、最後に ZIP 圧縮しますのでタグなんかは辞書行きになるようです。

ちなみに fiber とは、「関連づけられたプログラムでファイルを開く」コマンドです。今回の一件から拡張子ではなくファイルの内容で判別していることがわかりました。

モーション XML エレメント

アニメーションする対象は MovieClip だけではなく、四角形などのジオメトリ情報でも問題ないようです。これはいろいろと使えそうですね。いえ、かなり嬉しいですよ。 2D のゲームを作る人は Flash の製品版を持っておくとデータ入力とか楽になるかもしれません。これは研究の余地有りかと思われます。

問題は階層構造の表現方法ですよね。今の段階だとひとつひとつタイムラインを選択して出力するしか方法がありません。うーむ、なんとかしたいです。

Flash のタイムラインを選択したらモーションをエクスポートするメニューが使えるようになりました。

<Motion duration="24" xmlns="fl.motion.*" xmlns:geom="flash.geom.*" xmlns:filters="flash.filters.*">
	<source>
		<Source frameRate="12" x="254" y="204.35" scaleX="1" scaleY="1" rotation="0" elementType="movie clip" symbolName="Unko">
			<dimensions>
				<geom:Rectangle left="-134" top="-116" width="295.85" height="236"/>
			</dimensions>
			<transformationPoint>
				<geom:Point x="0.4999154977184384" y="0.5"/>
			</transformationPoint>
		</Source>
	</source>

	<Keyframe index="0" tweenSnap="true" tweenSync="true">
		<tweens>
			<SimpleEase ease="0"/>
		</tweens>
	</Keyframe>

	<Keyframe index="5" tweenSnap="true" tweenSync="true" x="130.10000000000002" y="-74.94999999999999" rotation="-60">
		<tweens>
			<SimpleEase ease="0"/>
		</tweens>
	</Keyframe>

	<Keyframe index="11" tweenSnap="true" tweenSync="true" x="-52.900000000000006" y="-58" scaleX="1.831" scaleY="1.805" rotation="0">
		<tweens>
			<SimpleEase ease="0"/>
		</tweens>
	</Keyframe>

	<Keyframe index="17" tweenSnap="true" tweenSync="true" x="136.05" y="48" scaleX="1.354" scaleY="1" skewY="42.4">
		<tweens>
			<SimpleEase ease="0"/>
		</tweens>
	</Keyframe>
</Motion>

これはゲーム作るのに応用できるかもしれません。もちろん Flash で作れば一番早いんでしょうけど、こういうツール的な使い方も良いですね。子階層も一緒に出力できればスパロボアニメーションみたいなデータを作ることもできそうです。

XPath は XML のノードを特定するための技術です。 XML はツリー構造のため C++ の STL のようなコレクションとは毛色が異なりますが、要素の特定方法が魅力的すぎて頭から離れません。

XPath

私は最初、「これはゲームには応用できないな」と思ってしまったのですが、 CakePHP で普通の配列を XPath でアクセスする実装を目にしてから考え方が変わりました。これは便利すぎて吐血します。

現在、 C++ での XPath の実装を探しています。