Motion fieldnotesOpenAI film study
Timing & transitions · Rendered draft

Hard cut from the zoomed composer to the sent bubble and Working plan, then let the thread drift upward

Study the source, inspect the editable build, then adapt the treatment to your own content.

01 / OpenAI source 0:32.6–0:35.7 · Silent research excerpt
02 / Remotion draft Original illustrated content · Editable code

What the source does

Inside the same inset viewport, the 2x-zoomed composer holds for local 0–11. At local 12 (master 793) the recording hard-cuts to the conversation view at 1:1: the sent brief now sits as a grey bubble upper-right with its top clipped by the viewport, a small "Working" row with a chevron appears at left below it, and three plan paragraphs (the last in lighter grey with a trailing chevron) fill the lower left. From the cut to the end the whole thread creeps upward by about 28px. Subtitles swap at local 32 and 61.

A hard cut from a zoomed input state to the response state at native scale, followed by a slow upward scroll drift that keeps the frame alive while the text is read.

Phase notes

  1. Frame 0 — Zoomed composer holds
  2. Frame 12 — Hard cut to the Working thread
  3. Frame 13 — Thread drifts up 28px to the end
  4. Frame 32 — Subtitle swap
  5. Frame 61 — Subtitle swap

Use this example

  1. Watch the source and draft at normal speed. Compare the order of actions, the held states, and the transition into the result.
  2. Download the project and read its README before changing inputs. The package includes its implementation and declared dependencies.
  3. Replace the sample content through the package's documented input or content builder. Keep source footage in the research comparison.
  4. Render your adaptation and inspect text fit, framing, intermediate states, and entry and exit frames.
A runnable draft is not a fidelity approval.

The source and remake are different assets. The original code-based illustration remains editable; source footage is a research reference. Read the retained findings below before using the choreography.

Recorded limits

  • Visual fidelity is an authored draft judgement from sampled source frames; no independent blind review or native Resolve execution.
  • Both variants rerendered from the packaged text renderer to repair a prior code/preview mismatch.

Inspect the original verification record ↗