Al Capone documentary film

I want a cinematic motion video built entirely from code. No AI video generators and no stock footage. Every frame should be drawn with code (HTML canvas is fine) and rendered to an MP4.

INPUTS (attached):
- Script / voiceover: [attach audio file] -- line timings: [paste each line with its start time, or tell Claude to work them out from the audio]
- Photos of the real people/places/objects: [attached]
- Style references: [attached -- these show the look I want, match their feel]
- Format: [e.g. 21:9, 3840x1646, 30fps] -- length must match the voiceover exactly.

THE STYLE:
- The whole video is ONE continuous camera move over one big world: a map, a desk, a board, whatever fits the story. Nothing cuts and no slides change. The camera glides, pushes in on details, pulls back to travel, and dives in again.
- Motion must feel smooth and filmed. Every start and stop eases in and out. The camera never stops dead: during holds it keeps drifting slowly in the direction it's about to go. Add subtle handheld movement, motion blur on fast moves, film grain, a soft glow and a vignette.
- Real photos and documents drop onto the world as physical objects (prints, papers, clippings), placed where the story happens.

STORYTELLING AND READABILITY RULES (most important):
1. One idea per line of narration. Each line gets ONE hero on screen (a photo, a word or a document) and everything else dims back.
2. Every phrase appears on screen once, never repeated. If the narrator says it, either show it on a real document or type it on screen, never both.
3. No filler text. Body copy on documents should be soft grey lines that read as paper, not words people try to read.
4. Big, readable type: hero words very large, labels never tiny. If someone can't read it on a phone in one second, it's too small or there's too much.
5. Less is more. Leave out decorative clutter (random tape, stamps, memos, extra labels) that isn't part of the story.
6. Visual moments land exactly on the spoken word: a circle drawn as the word is said, a stamp slamming on the beat.

PROCESS:
- Before you build, write a beat table: time → narration → the one hero on screen → any on-screen text. Show it to me and ask me anything that's unclear.
- Take your time. Quality matters more than speed. Prioritise design, smooth movement and clarity over adding more stuff.
- Before the final render, check your own work: look at stills from every beat and frame sequences of the camera moves. Fix anything that's cluttered, hard to read, overlapping, or that jerks or stops abruptly.
- Deliver the final MP4 with my voiceover synced, in the exact format above.

Source: the creator's reply under the post. Kept in its original language, unedited.

Tools the creator mentioned

More explainers

• 0:32

  Interactive camera focus lens lab

  3.6M views

• 0:39

  Tesla Roadster flight explainer animation

  2.5M views

• 0:35

  Interactive Raptor 3 rocket engine explainer

  1.2M views

• 5:15

  AI documentary about superintelligence

  915.9K views

• 1:01

  Interactive Arduino learning app

  897.5K views

• 0:56

  Pixel art neural network training animation

  578.6K views

Related articles

• DeepLearning.AI Complete Course Guide: 120 Courses, Taught by the Authors Themselves — 6 Goal-Based Learning Paths

  DeepLearning.AI now has 120 courses — more than the previous eight major tech companies combined. What really sets it apart, though, is something no one else can offer: the courses are taught directly by the people who built the models and tools. This guide breaks down course selections across 6 goal-based learning paths.

• Microsoft Learn AI Certifications: The Big Tech Company That Gives Out Certs Most Generously — One Skill, One Badge

  Microsoft is the most cert-friendly major tech company in the AI space — one skill gets you one certificate. The Microsoft Learn AI framework has four tiers, but most people only need the first two. This post breaks it down tier by tier, with direct official links and tips to avoid common pitfalls.

• Andrew Ng's 2026 'AI Prompting for Everyone' Module 2 Complete Notes: Turning AI into Your True Thinking Partner

  Complete English notes for Andrew Ng's 'AI Prompting for Everyone' Module 2. 8 lessons covering: how to brainstorm with AI, manage context, use desktop agents, apply deep reasoning, avoid AI sycophancy, iterate on writing, and conduct objective reviews. 10 ready-to-use prompt templates you can copy right away.

• AWS Skill Builder Free AI Courses Guide: 600 Free Out of 1,500 — But You Have to Follow the Learning Paths

  AWS Skill Builder has the largest course catalog of any major tech company — 600 free courses out of 1,500. But it's also the easiest to get lost in: search directly and you'll be buried in paid results. This guide shows you how to navigate by learning path, with 3 fully free generative AI tracks.