ライトアニメーション

CreativeStudio でライトにアニメーションをつける際の設定をサンプルデータ ToyMobile を使用して説明します。

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

使用するサンプルデータには、ライトのディフューズカラーと Transform にアニメーションが作成されています。

設定されている「Transform」アニメーションは、3DCG ツールで作成したアニメーションをエクスポートして使用しています。

補足:
ライトアニメーションのエクスポートについては、別途用意されている「プラグインマニュアル」を参照してください。

モデルとエフェクトの読み込み

CreativeStudio メニュー [ファイル]→[開く]→[中間ファイル] で読み込みます。

中間ファイル 場所
ロケットと星のモデル " %NW4C_ROOT%/SampleData/Graphics/Intermediate/ManualResource/TutorialToyMobile/ToyMobile.cres "
炎と煙のエフェクト " %NW4C_ROOT%/SampleData/Graphics/Intermediate/ManualResource/TutorialToyMobile/ToyMobileEffect.cres "

パーティクル連携(アクション)の読み込み

CreativeStudio メニュー [ファイル]→[開く]→[パーティクル連携] で読み込みます。

中間ファイル 場所
パーティクル連携データ " %NW4C_ROOT%/SampleData/Graphics/Intermediate/ManualResource/TutorialToyMobile/ToyMobileAction.cact "
ライトアニメーション画像

注意:
上記のパーティクル連携(アクション)を読み込むだけでは、「炎のエフェクト」はロケットに追従しません。
ロケットに炎を追従させたい場合は、 パーティクルと 3D モデルの連携 を参照してください。

サンプルモデルのアニメーションを再生するとエンジンの噴射と共に「月に黄色いライト」が当たるようになっています。

ライトアニメーションの編集

ここでは、カーブエディタパネルを使用して、ライトカラーを変更する手順を説明します。

メインメニュー[ウィンドウ]→[カーブエディタ]を選択して、カーブエディタパネルを開きます。

コンテンツパネルに表示されている、ライトを選択すると、カーブエディタパネルにカーブが表示されます。

図 1 . ToyMobile のライトのディフューズカラーで設定されている R G B のカーブ

ライトアニメーションのカーブ

Toy_Mobile の ライトのディフューズカラー の設定は以下になります。

フレーム アニメーション対応軸 カーブの説明 設定内容
0 ~ 6 R R のカラー成分は、0 フレームから 6 フレームまでの間に 0.4 に向けてカーブが作成されています。 G と B のカラー成分が変化しますので、ライトのディフューズカラーは黒から暗い黄色にアニメーションします。
G G のカラー成分は、0 フレームから 6 フレームまでに 0.4 に向けてカーブが作成されています。
B B のカラー成分は、200 フレームまで固定で 0 です。
6 ~ 102 R この間、カーブに変化はありません。 ライトのディフューズカラーは暗い黄色のままです。
G この間、カーブに変化はありません。
B B のカラー成分は、200 フレームまで固定で 0 です。
102 ~ 111 R R のカラー成分は、102 フレームから 111 フレームまでに 0 に向けてカーブが作成されています。 0 フレームから 6 フレームとは逆に G と B のカラー成分が0に変化しますので、ライトのディフューズカラーは暗い黄色から黒にアニメーションします。
G G のカラー成分は、102 フレームから 111 フレームまでに 0 に向けてカーブが作成されています。
B B のカラー成分は、200 フレームまで固定で 0 です。
111 ~ 200 R この間、カーブに変化はありません。 ライトのディフューズカラーは黒のままです。
G この間、カーブに変化はありません。
B B のカラー成分は、200 フレームまで固定で 0 です。

ここでは、ToyMobile のライトのディフューズカラーを編集してみます。

カーブエディタパネルでディフューズカラー の G の 6 フレームと 102 フレームにあるキーの値を [0.4] → [0.2] へ変更します。

ライトアニメーションのカーブ

ディフューズカラーを編集してアニメーションを再生すると、「月にあたるライト」が編集前の「暗い黄色」から「オレンジ色」に変わったことが確認できます。

ライトアニメーションカラー変更後