Thermal Silhouette Life Objects Audio Film

# Generative Canvas Film: Pixel Objects & Heat Silhouettes

You will create a 20-second 4:3 film (1440×1080, 60fps) synchronized to voice, built entirely on an HTML5 canvas. Every frame is a pure function of time. No stock footage, AI video, 3D camera, particles, or glitch effects.

## Inputs

**Audio & transcript:** {{audio-transcript}}
(Provide: audio file URL or base64, plus full transcript. I'll extract word timings with faster-whisper.)

**Life objects:** {{life-objects}}
(List 10–12 small items that sum up your life—e.g., "vinyl record, book, camera, cat, coin, game controller, cap, heart, money, plant, clapperboard, skateboard".)

**Silhouettes:** {{silhouettes}}
(Provide two PNG URLs with transparent alpha: a head in profile and a raised hand. Extend masks past the frame edge to avoid straight cuts at borders. If omitted, I'll source CC0 silhouettes from Openverse.)

**Hero words:** {{hero-words}}
(Three words from the transcript to emphasize—defaults: "action, intention, curiosity".)

---

## Visual Style

- **Palette:** off-white paper background, black, one red accent, one yellow accent. Typography: Geist for all text.
- **Film grain** on every frame, soft vignette.
- **Camera:** slow handheld float under every scene + a slow push inside each scene. No static frames.
- **Transitions:** scenes hand off on the *exact last frame* of the prior scene—no hard cuts except the beat-flip finale on the last word.
- **Motion:** everything eases in ~0.5s with soft starts; fast moves use real motion blur (8 subframes), not ghost trails. Captions type with a block cursor synced to voice.

### Pixel Objects

Draw each object as a 16×16 grid. Every cell is hand-placed colour, then rendered as a 3D block:
- Darker extrusion down-right.
- Thin bevel on every cell.
- Soft contact shadow.

Bake each sprite once to an offscreen canvas (extrusion layers, then face), then draw scaled & rotated.

### Heat Silhouettes

Light silhouettes like a thermal camera:
- Heat correlates with body thickness at each point (nose, hair, fingertips cooler).
- Add one hotspot + slow-moving noise (two octaves at quarter resolution).
- Map through a gradient: black → red → orange → cream (256-step LUT).
- Upscale and cut with full-resolution alpha mask.
- Keep edge razor-sharp with a soft glow outside.

**Gotcha:** Ensure the silhouette is in the *alpha channel*. An opaque PNG will fill the whole box with heat. Extend masks past frame borders so limbs read as continuous.

---

## Scene Structure

**Hang every scene on word timings** (extract with faster-whisper, chunk by chunk).

1. **Yellow Card & Question**  
   First word fills a yellow card. Card wipes left; question types on two centred lines (glide to stay centred as they grow). Key word underlined in red when spoken.

2. **Object Lanes & Burn**  
   Objects streak past in lanes above/below text. Cyan four-point flare sweeps in. Page burns away: black closes in from edges onto the head, behind a hot red edge.

3. **Head Heat-Up & Orbit**  
   Head heats on black while answer types low-left. Thin white orbit draws around head (far half passes behind). On last word, paper blooms *from inside the head* with objects; camera falls through—head rushes past lens until only paper remains.

4. **Ring of Objects**  
   Objects sit on a tilted ring in perspective (front ones bigger, lower, drawn last). Ring slowly rotates; each object bobs. Coin flips and lands with sparks.

5. **Three Hero Words**  
   For each of the 3 hero words, that object flies out of the ring to the left and grows. Page floods black from it; word types beside it:
   - Camera: red shutter star.
   - Book: red ribbon sweep.
   - Record: two white orbits + red notes.
   
   Flood drains back into object as it flies home; camera dives closer into ring. Place each hero object in the slot that is front-left when its word lands.

6. **Ink Swallow**  
   Ring pulls in slightly, bursts outward. Every object turns to ink; ink blots grow and swallow the page.

7. **Hand & Heart**  
   Hand rises into frame, hot, with the line split either side. Heart drops into palm, then lifts to centre at the size the next scene holds it.

8. **Beat Flip Finale**  
   Last word, one letter per beat. Background flips: paper / black / red. Heart holds its place across the cut. Centre object morphs pixel-by-pixel into the next one.

9. **Brush Strokes & Float**  
   Thin brush strokes sweep through. Letters drift apart, float, then settle back into the word with heart above. Camera keeps pushing through the hold.

---

## Build Instructions

1. **Single HTML canvas.** Every frame computed in a `seek(t)` function.
2. **Bake sprites** to offscreen canvases (extrusion, face) once; draw scaled/rotated per frame.
3. **Heat map:**  
   - Precompute base heat: distance transform of mask, held at edge value outside (so no dark bleed on upscale).  
   - Per frame: add hotspot + two octaves of value noise (quarter res), map through 256-step LUT, upscale, cut with full-res mask.
4. **Fall through head (scene 3 → 4):**  
   Draw ring scene to offscreen layer, mask with head scaled up around a point inside skull. Grow scale on cubic curve until head covers frame. Ring inside zooms *less* than head (reads as depth).
5. **Pixel morph (scene 8):**  
   Pair every cell of object A with a cell of object B. Glide position & colour with small random delay per cell.
6. **Render:** Playwright at 60fps, 8 motion-blur subframes per frame. Re-attach original audio with ffmpeg.

### Handoff Smoothness

A handoff only reads as seamless when the *last frame of scene N* is the *first frame of scene N+1*. Draw the outgoing scene under the transition. Scenes showing the same ring must share one zoom function. Let floods finish retreating before the next scene starts (a still-retreating flood reads as a hard cut). Fast ease-out floods jump; use a soft start instead.

---

## Workflow

1. **Collect inputs** (audio, transcript, objects, silhouettes, hero words).
2. **Measure word timings** with faster-whisper.
3. **Show me 8 key-frame stills** from scenes 1, 2, 3, 4, 5 (one hero), 6, 7, and 9 for approval.
4. **Render final video** with motion blur, grain, vignette, and re-attached audio.

Begin by asking me for the inputs.