Motion fieldnotesOpenAI film study
Layout & layers · Rendered draft

Hard cut from the agent transcript to the running app, then drag the selected headline around the artboard

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

01 / OpenAI source 1:13.5–1:15.0 · Silent research excerpt
02 / Remotion draft Original illustrated content · Editable code

What the source does

Local frames 0–2 show the agent's white transcript ('Worked for 7m 13s', an 'Open the working app' link, a summary and the 'Do anything' composer). At local 3 the picture hard-cuts to the built composition studio in a browser: left format list, a 1920×1080 artboard with a three-line headline in a light-blue dashed selection box over a headphone render, and a right 'Shape the frame' panel. From ~f8 the pointer drags the selected headline: it slides down the left edge (f10–f34), swings right and up across the earcups (f36–f46), then is pulled back to the left where it settles at f60 and holds.

A hard cut from a text transcript to the live product it describes, followed by a continuous pointer-driven drag of a selected text layer whose dashed selection box and handles travel with it.

Phase notes

  1. Frame 0 — Agent transcript
  2. Frame 3 — Hard cut to the running app
  3. Frame 10 — Drag begins: headline slides down the left edge
  4. Frame 36 — Swings right and up across the earcups
  5. Frame 48 — Pulled back left
  6. Frame 60 — Settles and holds

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 ↗