Ukiyo-e Wave Becomes a WebGL Diorama
A silent WebGL artwork morphs between a layered wave and mountain scene through depth, parallax, and particles.
Field notes / why it works
The complete wave is readable at 0:00, then its first particle dissolve reveals a contrasting mountain landscape by 0:02.75. The return near 0:07.5 and another breakup around 0:11.2–0:14.1 reward continued watching without narration or captions. Just one measured cut in 19.7 seconds lets the depth and material change carry the spectacle.
Plate 01 / The format in one breath
A single familiar, paper-textured image floats in a black void, then breaks into tiny pieces and resolves as a different layered landscape. The demonstration makes the depth transformation itself the story: the viewer sees the apparent flat artwork acquire parallax, dissolve, and reassemble. There is no speech, text, logo, or music; all attention rests on the visual metamorphosis.
Why it works
- The complete, high-contrast artwork is legible immediately at 0:00, so the transformation has a clear before state.
- By 0:01.5 the wave is visibly shedding particles; at 0:02.75 a mountain landscape has replaced it. The short delay makes the reveal rewarding.
- The reverse movement around 0:07.5 and the second breakup around 0:11.2–0:14.1 turn a one-off effect into a repeatable visual cycle.
Plate 02 / Format card
| Reference | |
|---|---|
| Platform · aspect · length | X · 16:9 · 19.7 s · 1280 × 720 · 60 fps |
| Pace | 2 measured shots; 1 measured cut at 14.97 s; 3.0 cuts/min (up to 9.1 if two uncertain particle changes are cuts); mean shot 9.87 s. Continuous animation supplies most picture change. |
| Script | No spoken or on-screen words; 0 wpm. |
| Voice | None. |
| On screen | 100% rendered artwork / WebGL motion; no person or app interface. |
| Captions | None. |
| Sound | No audio track. |
| Structure | Recognizable source → particle morph → alternate scene → return / variation → second morph; no verbal payoff or 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