Video og animasjonModell: Claude Opus 5.5Innsats: maksKjøres i: Claude Code

Rekursjon forklart i ni filmstiler

Se en 60-sekunders demonstrasjon av rekursjon i ni filmstiler, fra film noir til spillgrafikk. Prompten og teksten i filmen er på engelsk.

Publisert 19. oktober 2026

Utdrag uten lyd

0visninger0kopier

Prompt

Make a 60-second explainer film about recursion, and make the film itself recursive.

THE IDEA
- Treat the film as a function, explain(n). It starts at n = 9 and calls itself with n - 1 until it reaches n = 0.
- Every call is a scene in a completely different film genre, for example film noir, wildlife documentary, 8-bit platformer, VHS horror, late-night infomercial, comic book, ink painting, movie trailer and a code editor.
- The next scene always lives inside an object in the current one: a photograph, a dew drop, a TV screen, a box, a comic panel. The camera dives into it, and that dive is the recursive call. Show the current n somewhere natural in each scene: a case number, a level, a channel.
- Each scene teaches one idea and builds on the one before: a function that calls itself, a smaller problem each time, the base case, what happens without one, the call stack, answers coming back up, one call branching into two, trusting the smaller call, and finally the film reaching its own base case.
- Open with a one-sentence hook. At n = 0, return: pull the camera back out through every scene in reverse order, let each one hand back a single word, and land on one sentence that sums up the whole idea.

CRAFT
- Give every genre its own typeface, colours, pacing, motion and music. No shared overlay or filter that makes the scenes look alike.
- One idea per scene. Every line must be readable before the next scene starts.
- Do not use crossfades between scenes, decorative gradients or glows, any shot that stands still for more than a second, or anything that feels like a template.

BUILD
1. Write everything as one HTML file at 1920x1080 that exposes window.seek(t). Every pixel must be a pure function of t: no CSS animations, timers, randomness or state kept between frames.
2. Animate with springs and exponential easing written as functions of time. Fast movement gets motion blur along its direction and speed.
3. Compose the soundtrack in code with an OfflineAudioContext: music that changes with each genre, a short sting at every scene change, and the next scene's music heard faintly through its frame before the camera enters it. Export it as a WAV file.
4. Render with Playwright at 60 fps, three sub-frames per frame blended with ffmpeg tmix, then mux the audio into an MP4.
5. Before the full render, export one frame per musical beat and review them. Fix anything crowded, off the beat, overlapping or hard to read.

Start by listing the nine scenes with their idea, genre and the object the camera dives into. Then build everything without asking questions, and deliver the final MP4 plus a 10-second excerpt.

Dette trenger du

Node.js og npm
Playwright med Chromium
ffmpeg
En lokal arbeidsmappe for HTML, lyd og video

Om prompten

Anbefalt oppsett for lokal bruk: Claude Code med Claude Opus 5.5 og innsatsnivå Maks. Dette er innstillingene vi anbefaler for å kjøre prompten med lokale verktøy.

En film som kaller på seg selv

Demonstrasjonen varer ett minutt. Kameraet går inn i en gjenstand i hver scene og finner neste, mindre forklaring der. Filmen følger ideen explain(n): reduser problemet, nå grunntilfellet ved n = 0, og gå deretter tilbake gjennom kallene i motsatt rekkefølge.

Ni visuelle forklaringer

Film noir: en funksjon som kaller på seg selv.
Naturfilm: samme struktur i stadig mindre deler.
Pikselspill: et grunntilfelle som gir et svar og stopper nye kall.
VHS-skrekk: hva som skjer når stoppbetingelsen mangler.
TV-reklame: kallstakken holder orden på funksjonene som venter.
Tegneserie: svarene kommer tilbake, og hvert kall fullfører sin del.
Tusjmaleri: ett kall kan forgrene seg til to.
Filmtrailer: stol på at det mindre kallet løser sin oppgave.
Koderedigerer: grunntilfellet nås, før filmen vender tilbake gjennom scenene.

Fra HTML til videofil

Opplegget bruker én HTML-fil på 1920 × 1080 piksler med window.seek(t), slik at hvert bilde kan beregnes fra tidspunktet. Web Audio lager musikk og lydeffekter. Playwright gjengir bildene, mens ffmpeg setter sammen videoen og lyden. Målet er 60 bilder per sekund med tre delbilder per bilde for bevegelsesuskarphet.

Språk og forventninger

Prompten og teksten i filmen er på engelsk. Dette er en demonstrasjon av en mulig visuell løsning, ikke en garanti for et identisk resultat. Modell, tilgjengelige skrifter, verktøy og endringer underveis kan påvirke resultatet. Kontroller både innhold, lesbarhet og lyd før du deler din egen versjon.

Slik bruker du prompten

Slik får du samme type resultat som i demoen.

1
Se demonstrasjonen først
Se hele filmen og legg merke til overgangen inn i neste scene, stoppbetingelsen og veien tilbake. Bruk pause når du vil lese en forklaring. Teksten i filmen er på engelsk.
2
Klargjør en egen arbeidsmappe
Sørg for at Node.js med npm, Playwright med Chromium og ffmpeg er installert. Bruk en egen mappe med plass til HTML, WAV, mellomliggende bilder og ferdig video. Gjengivelsen kan kreve betydelig tid og diskplass.
3
Kopier hele prompten
Behold struktur, krav og nummererte punkter. Bruk det dokumenterte oppsettet på siden når det er tilgjengelig. Å lime inn teksten alene installerer ikke verktøy eller starter en lokal gjengivelse.
4
Kontroller scener og stillbilder
Gå gjennom planen for de ni stilene. Kontroller ett bilde per musikalske slag før hele filmen gjengis. Be om retting av tekst som overlapper, er vanskelig å lese eller forsvinner for raskt.
5
Gjengi video og lyd
Kontroller at window.seek(t) virker i HTML-filen. Eksporter lydsporet til WAV, gjengi ved 60 bilder per sekund og sett sammen bilde og lyd med ffmpeg. Bruk promptens tre delbilder per bilde dersom gjengivelsesoppsettet støtter det.
6
Test og tilpass resultatet
Spill av hele eksporten, og kontroller varighet, lesbarhet og lydsynkronisering. Lag et 10-sekunders utdrag uten lyd til forhåndsvisning. Resultatet kan variere; be om konkrete forbedringer i stedet for å forvente en identisk kopi.

Prompt

Dette trenger du

Om prompten

En film som kaller på seg selv

Ni visuelle forklaringer

Fra HTML til videofil

Språk og forventninger

Slik bruker du prompten

Se demonstrasjonen først

Klargjør en egen arbeidsmappe

Kopier hele prompten

Kontroller scener og stillbilder

Gjengi video og lyd

Test og tilpass resultatet