Motion fieldnotesOpenAI film study
Interface sequences · Rendered draft

Type into a floating composer bubble that re-centres and grows with every new line

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

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

What the source does

A white rounded composer bubble floats over dark olive footage between a white plus disc and its own black send disc. At local frame 0 three lines are typed and a caret blinks after 'sources:'; by ~f6 a fourth line begins ('today's / a'), the bubble grows and its centre stays put so the top edge rises while the bottom drops; the fourth line completes ~f20, a fifth line starts at ~f21, growing the bubble again, and the sentence ends with a full stop at ~f29 before holding.

Caret type-on inside a vertically centred bubble whose height steps up per wrapped line, pushing both edges outward while the send button rides the bottom edge.

Phase notes

  1. Frame 0 — Three lines typed, caret after colon
  2. Frame 6 — Fourth line begins: bubble steps to 4 lines
  3. Frame 21 — Fifth line begins: bubble steps to 5 lines
  4. Frame 29 — Sentence complete, hold
  5. Frame 51 — End

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 ↗