Mouse-Responsive Gradient and Logo Demo
An 8.8-second silent shader showcase that switches from a full-screen liquid field to a centered gradient mark and back.
Field notes / why it works
The first frame shows the luminous full-screen result, and changing liquid contours sustain the first 3.63 seconds without a cut. At 3.63 seconds, a hard cut to a small blue-gradient mark on black makes a second application distinct through scale and negative space; the 0.78-second return to the field provides a visual bookend. The whole 8.8-second demonstration works silently, with the product explanation carried by the post copy.
Plate 01 / The format in one breath
An interaction demo that starts inside the result: a pointer disturbs a full-frame liquid colour field, the same gradient treatment appears within a compact logo, and the full-frame field returns. The post supplies the feature explanation; the video proves it visually without narration, captions, or a soundtrack.
Why it works
- The effect occupies the entire 1280 × 720 opening frame at 0:00, so viewers see the outcome before any setup.
- Continuous contour deformation through 0:00–0:03.63 makes a long first shot feel active despite zero cuts in the first three seconds.
- The hard cut at 0:03.63 switches from an edge-to-edge blue field to a small blue mark on black, clarifying the second use case through a strong scale change.
Plate 02 / Format card
| Platform · aspect · length | X · 16:9 · 1280 × 720 · 60 fps · 8.8 s |
| Pace | 3 shots · 2 hard cuts · 13.6 cuts and picture changes/min · mean shot 2.94 s, median 3.63 s |
| Script | 0 spoken words; the feature explanation lives in the accompanying post |
| Voice | None |
| On screen | Approximately 50% full-frame liquid field · 50% centered mark on black, by running time |
| Captions | None; no on-video text |
| Sound | No audio track, music, or effects |
| Structure | Full-frame interaction → compact logo treatment → 0.78 s visual return; no in-video CTA |
Pro / 13 plates + recipe
The first plates are open. The full dissection is Pro.
Get the timed shots, type and sound specs, and the runnable recipe.
Open the full blueprint- Plate 03 / The hook, frame by frame (first 3 seconds)Pro
- Plate 04 / Structure (beat sheet)Pro
- Plate 05 / Shot grammarPro
- Plate 06 / Visual style guidePro
- Plate 07 / Voice and deliveryPro
- Plate 08 / Sound designPro
- Plate 09 / PackagingPro
- Plate 10 / Script templatePro
- Plate 11 / Production planPro
- Plate 12 / PromptsPro
- Plate 13 / Edit recipePro
- Plate 14 / QA checklistPro
- Plate 15 / Make it yoursPro
- Recipe / runnable promptPro