Motion fieldnotesOpenAI film study
Interface sequences · Rendered draft

Click send in a macro composer, lift the prompt into a bubble, then blur-pull back to the whole window

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

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

What the source does

Macro framing on the lower-left composer, which holds a finished three-line prompt; the assistant's previous reply sits above and slide thumbnails plus a slide preview show to the right. The pointer rests on the send circle and clicks at about local frame 16 (master 1166). At ~18 the composer empties to its placeholder, the prompt reappears as a right-aligned grey bubble above it and a 'Thinking' label appears. Frames 19 to 24 are a fast pull-back with heavy motion blur (master 1169 to 1174) that lands on the full browser window with chrome and tabs; the window then holds.

State change under a camera move: the send commit (composer clears, bubble and Thinking appear) happens at macro scale, then a blurred zoom-out reveals the full window so the commit reads first and the context second.

Phase notes

  1. Frame 0 — Macro composer, pointer on send
  2. Frame 16 — Click
  3. Frame 18 — Prompt lifts into bubble, Thinking appears
  4. Frame 19 — Blurred pull-back starts
  5. Frame 25 — Full window, blur clears
  6. Frame 39 — Hold

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 ↗