Motion fieldnotesOpenAI film study
Camera & framing · Rendered draft

Fill a floating composer's effort slider as a physical dial turns, swap its label, then let it fall back

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

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

What the source does

A white composer card floats over warm, blurred desk footage while a hand works a small hardware controller. The card shows an empty placeholder, a 'Step 1 / 3' tag, an 'Advanced' row with an empty segmented slider, and a green-outlined model pill reading a light effort level. From ~f9 the slider fills blue left to right, reaching full at ~f26 while the pill label changes to the high effort level; it holds full until ~f51, then drains back to empty by ~f60 as the label reverts. The window ends on a cut at f64.

Overlay control state driven by an off-screen input: a slider fill with a moving knob and a dependent label swap, then the reverse.

Phase notes

  1. Frame 0 — Card idle, slider empty, light effort label
  2. Frame 9 — Fill begins
  3. Frame 18 — Label swaps to high effort
  4. Frame 26 — Slider full
  5. Frame 51 — Fill drains
  6. Frame 56 — Label reverts
  7. Frame 60 — Empty again; cut at 64

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 ↗