A Coastal Drawing Comes to Life
A wordless, single-shot JavaScript canvas animation draws a coastal scene on cream paper, adds colour, then lets it move.
Starter prompt / by Refs
The creator shared no short prompt. This is ours for making a film like it with Claude.
Animate {SUBJECT} as a 14-second hand-drawn piece in which a JavaScript canvas renders each frame from scratch. Open on an empty sheet of warm cream paper with visible grain, let graphite and ink strokes sketch themselves in, then bring the drawing to life with loose frame-by-frame motion and a gentle line boil, as if animated on twos. Stick to graphite, ink and one accent color. Render deterministic frames with headless Chrome and encode 1920×1080 at 24 fps with ffmpeg.Field notes / why it works
The nearly blank frame at 0:00 becomes a readable coast and tree by about 0:02, so the act of drawing is the hook. Turquoise and ochre arrive around 0:02.25–0:03.1 as a second payoff; ten measured picture changes sustain a 13.56-second view without a cut.
Plate 01 / The format in one breath
A fixed, wide view begins as warm, grainy paper. A detailed landscape appears as sketch marks, washes of colour arrive, and the now complete image stays alive through restrained environmental movement. The post's promise is in its caption: every frame was drawn in JavaScript by an AI model; the video supplies visual proof rather than an explanation.
Why it works
- The empty 0:00 frame becomes visibly detailed by 0:01.5, creating a clear before-and-after question in the first two seconds.
- Colour waits until roughly 0:02.25–0:03.1, making a second payoff after the line drawing is already legible.
- One uninterrupted 13.56-second view lets the viewer inspect the result; ten measured internal picture changes keep it from functioning as a still.
Plate 02 / Format card
| Platform · aspect · length | X · 16:9, 1280×720 · 13.56 s · 24 fps |
| Pace | 1 shot; 0 cuts/min; 10 measured internal changes, about 44.2 picture changes/min; shot length 13.56 s |
| Script | No spoken or on-screen script; 0 spoken words; WPM not applicable |
| Voice | None; no person appears |
| On screen | 100% original-looking, wide, fixed-frame drawn landscape animation |
| Captions | None; no text or logos in the video |
| Sound | Audio track present; measured −18.4 LUFS integrated and −2.6 dBFS true peak; beat estimate ~163 BPM is uncertain; style cannot be identified from supplied notes |
| Structure | Four visual beats: blank → line drawing → colour reveal → animated hold; 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