メインコンテンツまでスキップ

アニメーション

Animation パネルはタイムラインです。複数のオブジェクトをタイミングを合わせて一緒に動かしたいときに使います。

左側のレールで Animation を押すと開きます。

なめらかな変化を 1 つ付けるだけなら、タイムラインはいりません。イベントのステップに時間を設定すれば十分です。

プリセット、バー、キーフレーム​

要素内容
プリセット名前の付いたアニメーション 1 本。これを再生します。
バーアニメーションの中での 1 つのオブジェクトの動き。専用のトラックに置かれます。
キーフレームある時点、その時点での値、そこへ向かうときのイージングの組み合わせです。

1 本のバーが動かすのは、1 つのオブジェクトの 1 つのコンポーネントです。そのオブジェクトは、プリセットを持つオブジェクトでなくてもかまいません。そのため、1 つのプリセットでグループ全体を動かせます。バーが別のオブジェクトを動かしている場合は、そのオブジェクトのコンポーネントに、アニメーションされていることが表示されます。

バーにはもう 1 種類、再生バー があります。再生ヘッドがここに来ると、別のオブジェクトのプリセットが始まります。複雑なアニメーションは、再生バーを使って小さなプリセットに分けましょう。

プリセットの長さは、いちばん長いバーの長さになります。プリセットに長さを直接設定することもできます。その場合、タイムラインは最後のキーフレームより先まで続きます。

パネルの見方​

何も選んでいないときは、シーン内のアニメーションが一覧で表示されます。オブジェクトのアニメーションを編集するには、シーンか Layers でそのオブジェクトを選びます。

場所表示されるもの
上いまの場所。Scene animations、オブジェクト、そのオブジェクトで開いているアニメーションが並びます。ここでアニメーションの切り替え、名前の変更、コピー、削除ができます。
左開いているアニメーションのトラック。オブジェクトごとにまとまっています。
中央開いているアニメーションのタイムライン。
右Templates。回転、拡大縮小、フェードなどの既製の動きです。タイムラインにドラッグして使います。

オブジェクトにまだアニメーションがない場合は、Create animation を押します。

トラックの下では、次の操作ができます。

  • Track は、アニメーションさせるパラメーターを追加します。一覧から探すか、インスペクターで強調表示されているフィールドをクリックします。
  • Object は、アニメーションに別のオブジェクトを追加します。一覧から探すか、シーンか Layers でそのオブジェクトをクリックします。

ヘッダーには、編集用のコマンドと再生ボタンがあります。タイムラインを再生したり再生ヘッドをドラッグしたりすると、シーン内のオブジェクトが動きます。

パネルは選択に連動します

オブジェクトを選ぶと、パネルにそのアニメーションが表示されます。オブジェクト自身のアニメーション、そのオブジェクトを動かしているアニメーション、またはいちばん近い親のアニメーションです。トラックは、そのオブジェクトとその中にあるオブジェクトに絞り込まれます。何もないところをクリックしても、パネルの表示は変わりません。

自動キーフレーム​

再生ボタンの横に Auto-keyframing のスイッチがあります。オンにすると、シーンでオブジェクトを動かすたびに、再生ヘッドの位置にキーフレームが追加されます。

この方法でアニメーションを作るには、再生ヘッドを動かし、オブジェクトのポーズを決める、という操作を繰り返します。いちばん速い作り方ですが、意図しないキーフレームもいちばん入りやすい方法です。

タイムラインでの操作​

操作結果
バーをドラッグバーのキーフレームがまとめて移動します。
キーフレームをドラッグ前後のキーフレームの間で、時間の位置が移動します。
Ctrl を押しながら端のキーフレームをドラッグ反対側の端を基準に、バー全体が伸び縮みします。
スクロール時間軸を拡大・縮小します。

バーはコピー、切り取り、貼り付けができます。バーの最後のキーフレームを削除すると、バーも削除されます。

ここではショートカットがバーに効きます

バーを選んでいるときは、複製、コピー、貼り付け、削除がバーに対して働きます。シーン内のオブジェクトには影響しません。

イージング​

イージングは、キーフレームに向かって値がどう変わっていくかを決めます。キーフレームで選んだカーブによって、アニメーションがそのキーフレームにどう到着するかが決まります。

  • Quad、Quart、Circular、Exponent、Back。それぞれ In、Out、In-Out があります。
  • Elastic。専用の Amplitude と Period を設定できます。
  • Step。Hold(キーフレームまで前の値を保つ)か Jump(すぐに値を切り替える)を選びます。
  • Linear と、手で形を作るカスタムカーブ。
迷ったら Out を選びましょう

到着してから落ち着く動きは自然に見えます。加速したまま終わりの位置に入る動きは、たいてい不自然に見えます。

それぞれのカーブがどんな動きになるかは アニメーション を見てください。

アニメーションを再生する​

プリセットは、イベントの Play animation ステップで再生します。設定する項目は次のとおりです。

  • ループのモード。Once、Count、Forever から選びます。
  • 繰り返す回数
  • 速度
  • 開始までの遅延

Autostart を使うと、シーンの開始時にプリセットが再生されます。これは Element settings で、オブジェクトの Animation コンポーネントにあるチェックボックスです。チェックを入れると、シーンの開始時にプリセットを再生するイベントが追加されます。チェックを外すと、そのイベントは削除されます。このイベントは、ほかのイベントと同じように確認したり編集したりできます。Autostart がオンのあいだは、そのループのモード、繰り返す回数、速度、遅延の設定が、チェックボックスのすぐ下に表示されます。


次へ: パッチエディター — ノードをつないでロジックを作ります。