テクスチャパターンアニメーション

ここでは、サンプルデータを使用して テクスチャパターンアニメーションの基本設定を説明します。

テクスチャパターンアニメーションとは

テクスチャパターンアニメーションは、任意のフレームで表示するテクスチャを切り替えるアニメーションです。

CreativeStudio では、読み込んだテクスチャに番号を振り、カーブエディタパネルで再生方法 ( パターン ) を設定します。

マテリアルアニメーションデータパネルの詳細は、こちらを参照してください。

カーブエディタパネルの詳細は、こちらを参照してください。

図 1 . カーブエディタパネル

カーブエディタパネルの軸説明

テクスチャパターンアニメーションを作成する際のカーブエディタパネルの縦軸と横軸の設定は以下になります。

表 1 . テクスチャパターンアニメーション作成時のカーブエディタパネルの縦軸 / 横軸

アニメーション カーブエディタの縦軸 / 横軸 設定内容
テクスチャパターンアニメーション 縦軸 使用するテクスチャ番号
テクスチャ番号は、マテリアルアニメーションデータパネルのテクスチャリストに追加したときに自動的に設定される番号です。
横軸 フレーム数 ( テクスチャをアニメーションさせるフレーム数 )

設定例

ここでは、サンプルデータ ToyButterfly を使用して、テクスチャパターンアニメーションの設定を説明します。
また、3DCG ツールでテクスチャパターンアニメーションを作成した際のエクスポート方法も説明します。

  1. サンプルデータの読み込み
  2. テクスチャパターンアニメーションの作成と編集
  3. 3DCG ツールからテクスチャパターンアニメーションをエクスポート

サンプルデータの読み込み

CreativeStudio のメニュー [ファイル]→[開く]→[中間ファイル] で以下の場所にある ToyButterfly.cres を開きます。

" %NW4C_ROOT%/SampleData/Graphics/Intermediate/ManualResource/TutorialToyButterfly/ToyButterfly.cres "

図 2 . ToyButterfly

木枠の蝶

ToyButterfly は、木枠の中に蝶がヒラヒラと舞うサンプルです。
蝶のテクスチャの羽ばたきをテクスチャパターンアニメーションで設定されています。

CreativeStudio のコントロールパネルで再生ボタンを押すと、蝶がヒラヒラとアニメーションするのが確認できます。

テクスチャパターンアニメーションの作成と編集

サンプルデータ ToyButterfly では以下の 6 枚のテクスチャを使用して、蝶の羽ばたきをテクスチャパターンアニメーションで作成しています。

テクスチャパターンアニメーション

テクスチャのファイル名は左から、ButterflyBtfry.00 ~ 05 です。

マテリアルアニメーションデータパネルの設定

マテリアルアニメーションデータパネルで登録されているテクスチャを確認します。

CreativeStudio のコンテンツパネルに表示されている Toy_Butterfly.MaterialAnimation を選択するとプロパティパネルに図 3 . マテリアルアニメーションデータパネルが表示されます。
マテリアルアニメーションのアイコンをダブルクリックすると、別ウィンドウでマテリアルアニメーションデータパネルが開きます。

マテリアルアニメーションデータパネルの詳細は、こちらを参照してください。

図 3 . マテリアルアニメーションデータパネル

マテリアルデータパネル画像

マテリアルアニメーションデータパネルには、 テクスチャパターンアニメーションで使用する 6 枚のテクスチャが設定されています。

テクスチャの追加 / 削除

テクスチャパターンアニメーションに使用するテクスチャは、以下の方法で追加 / 削除できます。

CreativeStudio にテクスチャの中間ファイルを読み込ませると、プルダウンメニューに読み込ませたテクスチャが表示されますので、追加ボタンを押します。

マテリアルデータパネル画像01

追加ボタンを押すと、テクスチャリストにプルダウンで選択したテクスチャファイルが追加されます。
テクスチャリストから削除したい場合は、削除するテクスチャを選択した状態で削除ボタンを押します。

テクスチャパターンアニメーションの確認

カーブエディタパネルを使って、テクスチャパターンアニメーションを確認します。

カーブエディタパネルのグラフツリービューで TextureMappers[0].Texture を選択するとグラフビューに図 4 . テクスチャパターンアニメーションのカーブが表示されます。
グラフビューを選択して A キーを押すと、全キーが表示されるようにグラフビューが調整されます。

図 4 . テクスチャパターンアニメーションのカーブ

蝶の羽ばたき

上記カーブで、テクスチャパターンアニメーションが設定されています。

フレーム 設定内容
0 ~ 55 蝶がゆっくりと羽ばたくアニメーションをテクスチャ番号 1, 2, 5 を使い表現しています。
57 ~ 169 飛び立った蝶が勢いよく羽ばたくアニメーションをテクスチャ番号 3, 4 を短いフレーム数で表現しています。
171 ~ 195 飛び回った蝶が元の位置に戻り、ゆっくりと羽を止めるアニメーションをテクスチャ番号 1, 2, 5 を使い表現しています。

読み込んだテクスチャをカーブエディタで編集することにより、色々なパターンアニメーションを作成できます。

3DCG ツールからテクスチャパターンアニメーションをエクスポート

3DCG ツールからの出力は専用のプラグインを使用します。

補足:
テクスチャパターンアニメーションのエクスポートについての詳細は、以下に用意されているプラグインマニュアルを参照してください。
" %NW4C_ROOT%/documents/DccPlugin "

ToyButterfly の Maya サンプルデータは以下に用意してあります。

" %NW4C_ROOT%/SampleData/Graphics/DccPlugin/Maya/ToyButterfly/scenes/Toy_Butterfly.ma "

CreativeStudio で読み込み

テクスチャパターンアニメーションが使用されているモデルを CreativeStudio に読み込みます。

サンプルモデル Toy_Butterfly を 3DCG ツールからエクスポートすると、表 2 . の中間ファイルが作成されますので実際に CreativeStudio に読み込みます。

3DCG ツールから出力した中間ファイルを CreativeStudio に読み込む方法は以下の 2 つがあります。

表 2 . ToyButterfly の中間ファイル

ファイル名 内容
Toy_Butterfly.cmata Toy_Butterfly のマテリアルデータが入った中間ファイルです。
Toy_Butterfly.cmdl Toy_Butterfly のモデルデータが入った中間ファイルです。
ButterflyBG.ctex Toy_Butterfly の木枠の表のテクスチャ中間ファイルです。
ButterflyBG2.ctex Toy_Butterfly の木枠の裏のテクスチャ中間ファイルです。
ButterflyBtfly.00.ctex Toy_Butterfly の蝶のテクスチャ中間ファイルです。 ( テクスチャパターンアニメーションで使用 )
ButterflyBtfly.01.ctex
ButterflyBtfly.02.ctex
ButterflyBtfly.03.ctex
ButterflyBtfly.04.ctex
ButterflyBtfly.05.ctex

CreativeStudio のメニュー [ファイル]→[開く]→[中間ファイル] から読み込む

CreativeStudio のメニュー [ファイル]→[開く]→[中間ファイル] を選択して、Toy_Butterfly.cmata と Toy_Butterfly.cmdl を同時に読み込みます。
上記のように CreativeStudio のメニューから中間ファイルを開く方法では、関連付けされたテクスチャデータは自動的に読み込まれます。

中間ファイルをドラッグ & ドロップで読み込む

中間ファイルをドラッグ & ドロップすることでも CreativeStudio に読み込むことができます。