Whip-push into a floating chat window with a blur spike, landing on its composer
Study the source, inspect the editable build, then adapt the treatment to your own content.
What the source does
A small flat screenshot-style chat window floats at the right over bright green footage and holds still for local frames 0-11. From ~f12 the window is pushed up in scale about its bottom-left, smearing into heavy blur at ~f16-17 (the text is illegible) and resolving by ~f22 at roughly 2.45x, so the bottom of the message (prep-owner bullets, a link line, 'Sent using') and the formatting toolbar and 'Message #channel' placeholder fill the frame. It holds there to the end.
Fast push-in on a floating panel with a blur spike at the midpoint that hides the scale change and lands on a detail region.
Phase notes
- Frame 0 — Wide window holds
- Frame 12 — Push-in and blur begin
- Frame 17 — Blur peak, text illegible
- Frame 22 — Resolved at 2.45x on the composer
- Frame 55 — End
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.
- Both variants rerendered from the packaged text renderer to repair a prior code/preview mismatch.