未来派図画工作のすすめTimelineによるループアニメーション(1)2019年12月23日チュートリアルTweetこのチュートリアルでは、アニメーションの入門としてブループリントクラスをループアニメーションさせてみます。アニメーションする方法は様々ですが、Timelineノードを用いると時間軸に沿ったカーブで動きを制御できるので制御しやすく、Easeノードとの併用で加減速のモーションも容易に作成できます。クラスの作成Actorを継承したブループリントクラスを作成します。名前は「BP_Sphere」としましょう。作成した「BP_Sphere」内に、球体メッシュコンポーネントと変数を追加します。この変数は後にアニメーションのタイミングを変更するために使用します。球体を上下にアニメーションするブループリントを構成します。タイムラインのループ機能とEaseノードを組み合わせて、等速運動を加減速のある動きに変換しているのがポイントです。球体の位置を設定(3)ではタイムラインの開始時間をずらしているのですが、タイムラインの全体の時間以上ずれないように余の計算をしてループ処理をしています。タイムラインノードについてタイムラインは時間に合わせて数値を出力するノードでアニメーションやタイミング制御などに活用できます。タイムラインノードをダブルクリックすると設定パネルが開きます。この作例では4秒でループする0から1への往復アニメーションを作成しています。全体の時間の長さを設定(作例では4秒)「ループ」をONに設定Float型の変数名を「Rate」に変更キーを追加「0秒に0」キーを追加「2秒に1」キーを追加「4秒に0」Easeノードについて等速で変化する値に緩急をつけることができるノードです。様々なイーズタイプが設定可能で、加減速のあるアニメーションに活用ができます。Easingの詳しい解説に関しては下記ページがとても参考になります。Expの値を調整して緩急のかかり具合を変更できるからです。確認ブループリントが正しく動作するか試してみましょう。作成した「BP_Sphere」クラスをレベルに配置して実行してみてください。球体が上下にループアニメーションしていたら成功です。tag.これでこのチュートリアルは完了です。シンプルな仕組みですがブループリントを使ってアニメーションを作っていく際の基本的なアプローチの一つになるのではないかと思います。現在、このチュートリアルの続編を執筆中です。続編では下のムービーのように、今回作ったクラスをブループリントで複数スポーンしてアニメーションを作成してみます。(自力でできる方はチャレンジしてみてください。tag.ブループリントをクリップボードにコピークリップボードにコピーされました。Engineにてペースト可能です。Function\n適用させたいイージング関数を指定します。接続している場合はカスタマイズはできません。Reserved.メニュ。