[UE4]UMGのタイムラインを使用してマテリアルのパラメーターをアニメーションさせる

執筆バージョン: Unreal Engine 4.22

こんにちは。
今回はマテリアルのパラメーターをUMGのアニメーション機能（タイムライン）を使用してコントロールする方法を書きたいと思います。

やること
・マテリアル（マテリアルインスタンス）を用意する
・UMGのタイムラインでマテリアルのパラメーターをアニメーションする

ではやっていきましょう。

今回用意するアセットは3つです。

つくるときはコンテンツブラウザ―の右クリックから作れます。

ではマテリアルを開いて今回使うための機能を入れ込んでいきましょう。

MaterialDomeinをUserInterfaceに変更します。

今回はこんな感じでマテリアルを作成してみました。

調整できるパラメーターは

の４つです。

このマテリアルのマテリアルインスタンスを使用します。（Widgetにマテリアル直刺しでもできましたが一応・・・）

UMGを開き、ImageWidgetを追加、ここに先ほど作成したマテリアルインスタンスをセットします。

ImageWidgetを選択している状態でTimelineの[+Track]ボタンを押すと、選択しているWidgetをタイムラインに登録できます。

登録されたタイムラインでさらに[+Track]ボタンを押し、[Materials]の項目にあるBrush.Brush Materialを選択します。

これでタイムラインにマテリアルが登録されました。

さらに[+Parameter]ボタンを押し、タイムラインで編集したいパラメーターを選択します。

これでいつものWidgetのパラメーターと同じようにタイムライン・グラフでパラメーターを調整することが可能になります！

マテリアルを自作するスキルがあれば、UIの表現力がぐっと上がるはずです！

ぜひいろんなGUI、モーショングラフィックスにチャレンジしてくださいね！

おまけ

関連ブログ