ZAM 3Dを使って 3D XAMLを作る

ZAM 3Dとは、electricrain 社 が開発中の3D XAML を作成するためのツールです。

どんなことができるかというと、これを見てもらうといいかもしれません。これは、ZAM3Dだけを使って作ったもので、なれると10分ぐらいで作ることができます。

注意: これを見るためには、Windows XPの場合、.NET Framework 3.0以降をインストールする必要があります。VISTAは.NET Framework 3.0が標準で組み込まれていますので、追加インストールする必要はありません。

ZAM 3Dは、electricrain 社の ZAM 3D - 3D XAML Toolページからテクニカルプレビュー版をダウンロードすることができます。商品化された場合でも、$200以下での販売をしたいということで、だいぶお手軽な値段を狙っているようです。

ベータ版とは言え、ソフトの安定度は、かなり高いようです。あまりさわっていませんが、クラッシュやハングは一度も起きていません。ただ、いくつか不具合や改善が必要な点も残っていますが、全般的になかなか良くできています。

注意: CTP 版は、2007/9/30でライセンスがエクスパイアしたということで、起動できなくなっています。2007/10/4時点で、最新のトライアルバージョンは V1.0 CTP Build 135 です。

残念ながら、ZAM 3Dの日本語に関する情報はほとんどありません。初めて使う方は、ちょっとしたヒントがないと、とまどうかもしれません。

ZAM 3D - 3D XAML Toolページに、トレーニングビデオがアップされており、英語ですがこれを見ると大体の使い方がわかります。一度見ておくと、よいでしょう。

また、ZAM 3Dに Web Assistant というタブがあります。ここにヘルプがありますので、わからない時に参考にするとよいでしょう。

ZAM 3Dを起動すると、次のようなメイン画面が立ち上がります。

ここでメニューの直下に５つのタブがあります。一番大事なのが Scene Editor タブで、ほとんどのオブジェクトの操作がこのタブで行えます。一方、Extrusion Editor タブ、Lathe Editor タブ、Advanced Moder タブは特殊なオブジェクトを作成を行うタブで、ここでオブジェクトを作成すると、自動的にScene Editor タブに3D オブジェクトが生成されます。

Scene Editor タブ・・・オブジェクトの移動、回転、マテリアルの色、テクスチャの設定、カメラ、ライトの設定、アニメーションの設定などの設定を行うメイン画面です。

Extrusion Editor タブ・・・主に2次元の図形を押しだして(Extrusion)、3次元に変換する場合に使用します。

Lathe Editor タブ・・・Lathe とは、陶芸用ろくろという意味で、これからわかるように、ビンやグラスのようなある軸の周りに回転させて3次元オブジェクトを作成する場合に使用します。

Advanced Modeler タブ・・・メッシュでの押し出し、切り取り、結合などのより高度なモデリングを行う場合に使用します。

Web Assistant タブ・・・オフラインヘルプ、オンライヘルプ、electrain社へのHPへアクセスできる。オフラインヘルプを読むと、結構いろいろな技が書かれていますので、活用されるとよいでしょう。

基本的なオブジェクトの操作は、Scene Editor タブで行います。この Scene Editor タブでは、オブジェクトの移動、回転、マテリアルの色、テクスチャの設定、カメラ、ライトの設定、アニメーションの設定などの設定を行うことができます。

タブの下にあり、三角錐のアイコンをダブルクリックすると、次のようにオブジェクトが追加されます。

オブジェクトの回転

左下にあるつぎのペインを使用します。このペインのいちばん左にあるアイコンで、回転方向を選択し、円の中をマウスでドラッグするとオブジェクトが回転します。このペインの球は、オブジェクトを動かすためのトラックボールを意味しています。いちばん左の小さなアイコンは上から、円の水平方向での回転、円の縦方向の回転、円の中心に対しての回転です。

回転や移動を元に戻す

オブジェクトを移動したり、回転したり、カメラを移動してしまったけれども、一番最初の状態に戻したい時に、右側のアイコンをクリックします。上から、場所のリセット、Pivot位置のリセット、回転のリセット、カメラ位置のリセットです。

オブジェクトの中心点(Pivot)の変更

ピボットとは、オブジェクトの中心(赤、緑、青の原点)のことで、回転や移動はこの点に対して実行されます。このピボット位置を変更することができます。そのためには、いちばん左のリストボックスでPositionを選択し、Pivot Only ボタンを押します。これにより、オブジェクトの中心(赤、緑、青の原点)をマウスでドラッグすることにより、移動することができます。また、数値を直接入力することもできます。

マテリアルの変更

オブジェクトのマテリアルの変更には、右下にある マテリアルギャラリーを選択します。タブを切り替えることにより、いろいろな種類のマテリアルが表示されますので、マテリアルをオブジェクトにマウスでドラッグアンドドロップすると、次のように簡単にオブジェクトにマテリアルを設定することができます。

オブジェクトの大きさの変更

オブジェクトの大きさを変更するには、ツールバーの Scaling ボタンを押した状態で、オブジェクトの上でマウスをドラッグします。

オブジェクトの大きさの変更の方法にはスケーリングとサイジングの2種類あります。オブジェクトの大きさを知る必要がある場合には、サイジングを使うことになりますが、サイジングはアニメーションで正しく扱うことができません。このためスケーリングを使用することが推奨されています。なお、サイジングを行うためには、オブジェクトを選択した状態で、左のペインより、Sizing の値を変更します。

グルーピング

さて、ここまで来ると、複数のオブジェクトを組み合わせてなにかを作りたくなりますが、たとえば車と車輪を別々に作成した場合、車を一体としてアニメーションを行う必要が出てきます。このために、複数のオブジェクトをグルーピングすることができます。

グルーピングには、複数のオブジェクトを選択し、メニュー→[Arrange]→[Group / Ungroup] を選ぶ方法と、右上のペインのオブジェクトツリーで、オブジェクトをドラッグアンドドロップでグループ化、グループ解除を行うことができます。

注意： Combining と Breaking Apartは、Group/Ungroup とは考え方が違いますので注意してください。Groupでは、オブジェクトが疎結合されているだけです。

基本図形を変形して細長い球や長方形を作る

ここまでで、球、正方形、円柱などの基本図形をあつかえるようになりましたが、細長い球や長方形を作るには Scaling を使用します。下図のように、オブジェクトを選択した状態で Scaling を変更することにより、細長い球や長方形などの基本プリミティブを変形することができます。

物体には光が当たらないと見えません。ZAM 3D では、デフォルトで Point Light が2つ自動的にアタッチされています。下中央ペインが Lighting Toolbar という画面です。丸い球はトラックボールとして働きます。このトラックボールを動かすことにより、光の当てる方向を変えることができます。光源はが Point Lightで、が Spot Lightです。この２つの光源を削除すると、物体は光が当たらないため、真黒になってしまいます。

光の種類を変える

光の種類を変えるには、右下で懐中電灯のアイコンをクリックすることにより、Lighting Gallery が表示され、いろいろな種類の光を選択することができます。設定方法は、下図のアイコンを ViewPort (オブジェクトが表示されているペイン)にドラッグアンドドロップするだけです。

たとえば、Disco! という光を選ぶと、つぎのようになります。

このように、Disco! は複数の Point Light で構成されていることが分かります。各Point Light の詳細は、左上ペインのプロパティペインで確認、修正することができます。

2次元から3次元の物体を作るには、Extrusion Editor タブを使用します。星のアイコンをクリックしてみてください。次のような、2次元の星が描かれます。この状態で、Scene Editor タブに移動してみてください。

2次元の星を押し出した(Extrusion) 3Dオブジェクトが生成されています。(この例では、生成された図形に青のマテリアルを適用しています。)

また、正5角形、正6角形、正12角形などの正多角形を作成する際には、のボタンを使用することにより、容易に正多角形を作成できます。これの機能は時計を作る場合など、意外と重宝します。

ここで、Animation Timeline Toolbar がありますが、この設定をおこなうことで、Lathe でもアニメーションを作ることができます。ただ、試してみましたが、ZAM3D上では問題ないのですが、XAMLにExportするとうまく動きません。原因は未調査です。

ビンやグラスのようなある軸を中心に回転させたような図形を描くには、Lathe Edit タブを使用します。 Lathe とは、陶芸用ろくろという意味です。

ペンで、直線や曲線を描くことができますので、緑の線を中心線とした図形を描いて、Scene Editor タブを開いてみてください。次のように緑の中心線に沿って回転させた図形が生成されます。
(この例では、生成された図形にTransparent Magentaのマテリアルを適用しています。)

ここで、Animation Timeline Toolbar がありますが、この設定をおこなうことで、Lathe でもアニメーションを作ることができます。ただ、試してみましたが、ZAM3D上では問題ないのですが、XAMLにExportするとうまく動きません。原因は未調査です。

[Scene Editor タブ]→メインメニュー→[Setup]を選択すると、Gallery Setupダイアログが表示され、オリジナルのアニメーション、マテリアル、j環境、光源、モデルを作成、登録することができます。これで、使い回しができるものを登録しておくと便利です。

アニメーションは、標準でいくつかのパターンが用意されています。右下のペインで、Show Animationsのボタンを押すと、既に用意されている回転アニメーションが表示されますので、好きなものを選択し、オブジェクトの上にドラッグアンドドロップします。

すると、次のようにアニメーションペインに自動的に設定が反映されますので、プレイボタンを押してみてください。連続回転をさせるためには、連続回転用のボタンを押します。

自分でアニメーションを作成するには、ツールバーのを押します。すると、のように、アニメーションが有効になります。そして、下図のようにアニメーションツールバーが有効になります。

そこで、アニメーションツールバーの赤いカレントフレームインジケーターを動かし、その時のオブジェクトの形やカメラなどを変更します。あとは、そのフレームとフレームの間は自動的に補間してくれます。

下図の例は、ピラミッドを10秒かけてひっくり返す例です。

前から見たり、横から見たり、上から見たりするには、カメラを切り替えます。カメラは、Perspective / Front/ Back/ Top/ Bottom/ Left/ Right の7つがあります。

これを切り替えるには、 のボタンを押します。すると次のようなドロップダウンメニューが表示されますので、見たいカメラを指定します。

カメラの設定は、左上のペインの [Camera] をクリックして、Camera のプロパティを表示します。ここで、レンズの距離を変更することができます。レンズの距離を短くすると広角、長くすると望遠になります。

Camera のパンは、ALTキーを押したまま、Viewport 画面の任意の場所をドラッグします。

Camera のズームは、ALTキーを押したまま、Viewport 画面の任意の場所をマウスの右ボタンでドラッグします。

Perspective の場合には、次のように左下のペインに回転用のウィンドウが表示され、トラックボールを回転することにより、カメラを回転することができます。

Viewport画面からはみ出した物体を見たり、特定のオブジェクトを見たい場合には、 ボタンを押して、Reset View/ Frame All/ Frame All Objects/ Frame Selection から適切なものを選択します。

• Reset View ビューをリセットします。

• Frame All 光源、カメラも含めてすべてをカメラに収まるようにします。

• Frame All Objects オブジェクトのみをカメラに収まるようにします。

• Frame Selection 選択したオブジェクトだけをカメラに収まるようにします。

カメラには、Standard カメラ、Perspective カメラ、Scene カメラがあります。

Standard カメラは、XYZ軸の６つ（Front/ Back/ Top/ Bottom/ Left/ Right）のカメラがあり、カメラの動きがない場合に適しています。

Perspective カメラは、Standardカメラとターゲットカメラのハイブリッドで、どの方向にも向けることができます。

Scene カメラは、Freeカメラと、ターゲットカメラの2種類があります。これらのカメラは、Scene Editorタブの[Edit]メニューから作成することができます。

作成したカメラは、Viewport のドロップダウンメニューに次のように追加され、選択できるようになります。

下の図は、それぞれTargetカメラ、Freeカメラから見たオブジェクトになります。

Target カメラは、常にターゲットにカメラが向くようになっています。このときのパン、ズームは、ALTを押しながらマウスの左ボタンでパン、

Freeカメラは、マウスでドラッグすることにより、自由に方向と位置を設定することができます。パン、ズーム、回転は Standard カメラと同様の操作になります。

カメラは、複数作成することができます。カメラを選択して、Export することにより、そのカメラの視点での XAMLを作成することができます。

このように作成した 3D オブジェクトや、3D アニメーションをXAML に変換するには、メインメニュー→[File]→[Export]を選択します。すると次のような Export Options ダイアログが表示されますので、適切な出力形式を選択し、OKを押すだけで、ファイルもしくはクリップボードにXAMLが生成されます。 テクスチャマッピングなどのリソースファイルもエクスポートしてくれます。

ファイルのこのように作成したXAMLをExpression Blendに組み込むには、リソースファイルをプロジェクトにコピーし、生成されたXAMLをコピーアンドペーストで Windows1.xamlに貼り付けます。

そのままビルドすると、このように簡単に 3D オブジェクトを組み込むことができます。

なお、Importでは、Encapsulated PostScript (EPS) や Adobe Illustrator (AI)やDXFファイルなどからインポートすることができます。