Motion fieldnotesOpenAI film study
Interface sequences · Rendered draft

Insert a diagram into a manuscript in one frame and let the body text step down to make room

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

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

What the source does

A magnified view of a typeset paper page fills most of the frame, with a dark assistant panel visible at the left edge. Equations occupy the upper third and a numbered list of results begins below them. Nothing moves for about 44 frames. On f44-46 a commutative diagram (labelled nodes joined by arrows) appears between the last equation and the list, and the list steps down by the diagram's height in the same instant. The page then holds still.

An insert as a hard state change: new content appears in place with no animation, and everything below reflows downward by exactly its height on the same frame.

Phase notes

  1. Frame 0 — Page holds: equations above, results list below
  2. Frame 44 — Diagram appears; list steps down 260px
  3. Frame 47 — Hold on the new layout

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.

Inspect the original verification record ↗