Study 03Intermediate 13 min

Cut between scenes

Build a transition as a deterministic handoff between two compositions.

In this studyTransitionSeries, frame offsets, direction

01

A transition owns a window.

The transition duration defines how long both scenes participate in the handoff. Keep that window intentional so the cut supports the pace of the edit.

02

Move the mask, not the clock.

Drive a wipe from the current frame and interpolate its position. The result stays reproducible in the preview, render, and any agent-generated composition.

03

Keep both sides legible.

A transition should reveal the incoming scene while the outgoing scene still has a clear exit. Scrubbing is the fastest way to inspect the midpoint.

Open Smooth Wipe in the component workbench

Try the examplesmooth-wipe

SCRUB TO EXPLORE30 FPS 30 FRAMES

A SMALL PATTERN

Under the motion

const progress = interpolate(
  frame,
  [0, durationInFrames],
  [0, 1],
  { extrapolateRight: 'clamp' }
);

YOUR TURN

Use the player to compare a short and long wipe. Choose a duration that still lets the new scene read clearly at the midpoint.