A Code-Generated Pop-Punk Band Plays Its Own Music Video
A complete JavaScript-generated pop-punk single unfolds as a pixel-band concert, from spinning record sleeve to code-window sign-off.
Starter prompt / by Refs
The creator shared no short prompt. This is ours for making a film like it with Claude.
Write, produce and film a two-and-a-half-minute pop-punk single using only JavaScript you write yourself, with no recorded samples and no audio or graphics libraries. Build distorted power-chord guitars from Karplus-Strong plucks, punchy drums and bass in an OfflineAudioContext, plus a robotic sung vocal from formant synthesis. For the video, open on album art beside a spinning vinyl record, then cut to a blocky pixel-art band playing under beat-synced lights with lyric captions. Render 1280×720 frames in headless Chrome and mux with ffmpeg.
Field notes / why it works
The first 2.65 seconds make a synthetic song feel like a tangible release with a spinning record and moving tonearm. A terminal setup at 0:05, band assembly around 0:16–0:31, and 52 shots sustain the making-of-to-performance story; giant chorus type and a confetti-heavy peak at 2:08–2:23 renew the visual energy.
Plate 01 / The format in one breath
A faux record sleeve becomes a miniature pop-punk concert, with pixel-block band members, a synthetic lead vocal, lyric typography, stage lights, crowd silhouettes, and a brief code-window frame. The promise is a whole finished single made by code: the opening sleeve announces the track, while the concert proves it can carry a full song.
Why it works
- The first 2.65 seconds give a readable pink sleeve, spinning black record, and moving turntable arm before the first cut. The still composition has continuous physical motion.
- The 0:05.6 code window, 0:16–0:25 “loading band” assembly, and 0:31 performance turn the making-of premise into a visual narrative before the vocal begins at about 0:27.
- The format sustains a 150-second song with 52 detected shots, about 20.4–23.5 cuts/min, plus chorus-sized lyric cards around 0:49, 1:28, and 2:04. Confetti and faster cuts bring the last section to a visual peak at 2:08–2:23.
Plate 02 / Format card
| Platform · aspect · length | X · 16:9 · 1280×720 · 30 fps · 2:30.3 |
| Pace | 52 detected shots; 51 cuts; 20.4–23.5 cuts/min allowing eight uncertain changes; 25.1 picture changes/min; mean shot 2.89 s, median 2.77 s |
| Script | Original sung lyrics; speech recognition suggests 173 words, but 77 are low confidence and its sentence count is unusable. Use short, repeatable chorus phrases rather than its transcript. |
| Voice | One low-register, bright-edged synthetic singing archetype; sung, not narrated. Pitch statistics are contaminated by instruments. |
| On screen | Approximately 90% designed animation/performance, 5% record-cover/turntable, 5% code/poster end frames (inferred from sheets). No live-action presenter. |
| Captions | Giant chorus phrases in white uppercase with pink/red key words; smaller white lyric strips at the bottom in other passages. |
| Sound | Continuous, loud pop-punk song; distorted guitar, bass, kit, synthetic sung vocal. Integrated −9.2 LUFS; measured true peak +1.3 dBFS. |
| Structure | Sleeve and code setup → band assembles → verses and repeated chorus → visual escalation/instrumental passage → poster and code sign-off. No explicit social 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