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.
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
- Frame 0 — Card idle, slider empty, light effort label
- Frame 9 — Fill begins
- Frame 18 — Label swaps to high effort
- Frame 26 — Slider full
- Frame 51 — Fill drains
- Frame 56 — Label reverts
- Frame 60 — Empty again; cut at 64
Use this example
- Watch the source and draft at normal speed. Compare the order of actions, the held states, and the transition into the result.
- Download the project and read its README before changing inputs. The package includes its implementation and declared dependencies.
- Replace the sample content through the package's documented input or content builder. Keep source footage in the research comparison.
- Render your adaptation and inspect text fit, framing, intermediate states, and entry and exit frames.
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.