Timeline Integration

• Sample
• Caveat

Sample

To demonstrate integration with Timeline, we will create a compositor graph asset that will pan an image horizontally using a Transform node.
The steps are as follows:

1. Set the size of the Render node to 3840x1080.
   Then, right click the Transform node, and choose "Expose as Component".
   This allows Timeline to use this node.

   

2. When a compositor node is exposed, two new fields become visible.

   1. Name: the unique name for the node.
   2. Object: the internal object for dragging and dropping into a timeline track.

   

3. Create a new timeline track. In this case, we choose the Transform Node Track.

   

4. Drag the internal object from the Transform node (see step 2) into the slot on the timeline track.

   

5. Right click in the timeline track and choose "Add Transform Node Playable Asset".

   

6. Click the curves button in the timeline track.
   This will show the properties that can be used to animate Transform node values.

   

7. Do the following:

   1. Select the offset.x property
   2. Right click the end key of the curve of the property, and click "Edit Key".
   3. Set it to 512 (pixels).

   

8. Enter Play mode or scrub the Timeline to see the image pan horizontally.

Caveat

After executing "Expose as Component", all the values of the node are driven by timeline, so any changes that we make to the node in the VisualCompositor window will not affect anything.