Timelineとの統合

ノードのアニメーション

Timeline を使ってノードをアニメーションする方法を説明します。

Transformノードを使用して画像を水平方向にパンする Compositor Graph アセットを作成します。 手順は以下の通りです。

  1. グラフ内にRenderノード、Transformノード、Layerノードがあることを確認します。

  2. Renderノードのサイズを 3840x1080 に設定します。 次に、Transform ノードを右クリックして、”Expose as Component" を選択します。
    これでタイムラインがこのノードを使用できるようになります。

    TimelineExpose

  3. Compositor ノードを expose すると、ノードの UIが変わります。 まず、上部に2つの新しいフィールドと、グレーアウトしたレコードボタンが追加されます。

    1. Name: 内部オブジェクトの名前です。
    2. Object: タイムライントラックにドラッグアンドドロップするための内部オブジェクト。

    次に、いくつかのフィールドの背景色が変更されます。これがTimelineで動作していることを示しています。

    TimelineTransformNode

  4. 新しいタイムライントラックを作成します。今回は、Transform Node Track を選択します。

  5. Transform ノード（ステップ3参照）から内部オブジェクトを Timeline トラックのスロットにドラッグします。

    TimelineSlot

  6. Timelineのトラック上で右クリックし、"Add Transform Node Playable Asset" を選択します。

    TimelineAddPlayableAsset

  7. タイムライントラックのカーブボタンをクリックすると、カーブビューが表示されます。 各カーブは、トラックにバインドされたTransformNodeの対応する値を使用して、1つの点で初期化されていることに注意してください。

    TimelineCurve

  8. タイムラインの再生ヘッドを、TransformNodePlayableAsset の開始と終了の間の位置に移動します。そして、以前グレーアウトしていたレコードボタンが赤く変わるのを確認してください。

  9. 記録ボタンをクリックして、Xオフセットの値を512に修正します。 カーブの中に新しいキーが自動的に追加されていることに注目してください。

    Playable Assetのすべてのアニメーションカーブまたはキーをフレーム化するには、それを選択してAボタンを押します。

  10. Timeline の再生ヘッドを別の位置に移動し、必要に応じてさらにキーを作成します。 その後、もう一度rレコードボタンをクリックしてレコーディングを終了します。

  11. プレイモードに入るか、Timelineをスクラブすると、イメージが水平方向にパンします。

ギャップの外挿

VisualCompositor clip の前後のギャップの動作は、 アニメーションクリップのギャップ外挿の設定 と同様に、以下のオプションのいずれかを使用して設定することができます。

Option 解説
None (デフォルト) 未定義
Hold ギャップ内のノードに最初/最後のカーブデータを適用します。
Loop カーブデータ全体を同じクリップ長でループさせます。
Ping Pong 逆方向、順方向とクリップを同じ時間でループさせます。
Continue 未定義

アニメーション対応ノード

アニメーション対応 regular ノード

  1. Bandpass Filter
  2. Blend
  3. Coherent Noise
  4. Drawn Edges
  5. Drop Shadow
  6. Glow
  7. HSV
  8. Layer
  9. Level Adjustment
  10. Linear Gradient
  11. Multipass Gaussian Blur
  12. Outline
  13. Spherical Gradient
  14. Transform

アニメーション対応 value ノード

  1. Color Value
  2. Float Value
  3. Vector2 Value
  4. Vector3 Value
  5. Vector4 Value

特定のノードをアニメーションするには、適切なタイプの Timeline track が必要です。 例: Transform ノードをアニメーションするには、Transform Node Track が必要です。 ブレンドノードのアニメーションを行うには、Blend Node Track が必要です。

その他のオペレーション

  1. Visual Compositor Window の Timeline Track にバインドされているノードをハイライトするには、トラックの省略記号ボタンで開かれるメニューから Highlight in VisualCompositor をクリックします。

  2. プレイアブル・アセットのカーブデータをデフォルト値に戻します。 プレイアブル・アセットのインスペクタに表示される Reset Curve ボタンで ボタンを使って、プレイアブル・アセットのカーブデータをデフォルト値に戻します。 この操作は Undo できませんのでご注意ください。

Visual Compositor Track

再生中に Visual Compositor のグラフを変更するときに使用します。

手順:

  1. Visual Compositor Trackを作成します。

  2. Track にVisual Compositor component を持つGameObjectをアサインします。

  3. 適用可能な Compositor Graph アセットをTrack にドラッグします。