タイムラインとの統合

デモ

TimelineIntegration

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. 新しい Timeline トラックを作成します。ここでは、"Transform Node Track" を選択します。

    TimelineTransformTrack

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

    TimelineSlot

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

    TimelineAddPlayableAsset

  7. Timeline トラックのカーブボタンをクリックして、カーブビューを開きます。カーブはトラックにバインドされた TransformNode の値で初期化されていることに注意してください。

    TimelineCurve

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

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

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

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

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

Timeline Nodes

Timeline 統合に対応するノードは以下の通りです。

  1. Blend
  2. Drawn Edges
  3. Layer
  4. Level Adjustment
  5. Linear Gradient
  6. Multipass Gaussian Blur
  7. Spherical Gradient
  8. Transform

タイムライン関連の操作

  1. Visual Compositor ウィンドウで、タイムライントラックにバインドされているノードをハイライトします。 トラックセクションの elilipsis ボタンをクリックすると、メニューが表示されます。

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