Motion fieldnotesOpenAI film study
Layout & layers · Rendered draft

Keep the composer anchored while the transcript above scrolls up to make room for each new agent row

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

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

What the source does

In the magnified chat column the sent bubble sits above the suggestion chips and the empty composer (local f0-5). At ~f6 (master 1458) a reply sentence and a collapsed "Updated your app" row appear beneath the bubble and the whole thread shifts up so the composer stays put; the camera eases back from 2.3x to ~1.9x over f18-38. At ~f38 (master 1490) a second paragraph and an expanded change list (Wrote / Wrote / Edited file rows plus a small agent card) stack in with another upward shift, and at ~f46 (master 1498) a "verified" block with two screenshot thumbnails lands, pushing the bubble out of view. It holds to the end.

Bottom-anchored chat growth: each incoming agent block is added at the bottom of the thread and the thread scrolls up by the block height, with the composer fixed.

Phase notes

  1. Frame 0 — Sent bubble above chips and composer
  2. Frame 6 — Reply and collapsed change row stack in; thread shifts up
  3. Frame 18 — Camera eases back slightly
  4. Frame 38 — Second paragraph and expanded file rows; second shift
  5. Frame 46 — Verified block with thumbnails; third shift

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 ↗