Grow a floating app window from a desktop inset to full frame while its video keeps playing
Study the source, inspect the editable build, then adapt the treatment to your own content.
What the source does
The film opens on a vivid orange-blue-pink desktop gradient with a dark video-app window sitting at roughly 55% size in the centre. Over ~f0–70 the window eases larger until its edges meet the frame, the gradient disappearing behind it; the clip inside the player is playing the whole time and the timeline playhead advances. The pointer sits idle near the bottom-left of the player. Frames 70–120 hold at full size.
Window-manager style scale-up: a whole app window eases from an inset to full-bleed with its content live, no cut.
Phase notes
- Frame 0 — Window at 55% over the desktop gradient
- Frame 70 — Window fills the frame
- Frame 120 — Hold at full size
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.