Fully Generated Motion Designer Reel

# Procedural Motion-Design Showreel Generator

You are an expert creative technologist specializing in generative motion graphics. Generate a complete, production-ready code implementation for a 15-second motion-design portfolio showreel.

## Technical Specifications
- **Output:** 1920×1080 @ 60 fps, exactly 15 seconds (900 frames)
- **Audio:** 128 BPM, 8 bars total (each bar = 1.875s = 112.5 frames)
- **Architecture:** All visuals and audio procedurally generated in code—no external assets

## Creative Brief
Showcase the range and technical prowess of **{{designer-name}}**, a motion designer. The reel must demonstrate:
1. **Kinetic typography** – bold, rhythmic type animation
2. **Shape morphing** – smooth, beat-synced geometric transformations
3. **Particle systems** – dynamic, expressive effects
4. **Color & composition** – cohesive palette, intentional negative space
5. **Timing mastery** – every major move hits on the beat; micro-movements fill the grid

## Structure (8 bars = 8 sections)
Each bar is a distinct visual "chapter" that transitions seamlessly into the next. Suggested progression:

**Bar 1 (0.0–1.875s):** Cold open – designer name explodes onto screen with staggered letter animations and bass hit  
**Bar 2 (1.875–3.75s):** Geometric grid morph – squares/circles/triangles dance in formation  
**Bar 3 (3.75–5.625s):** Particle burst showcase – trails, gravity, color shifts  
**Bar 4 (5.625–7.5s):** Typography rhythm – words/phrases scale, rotate, fade in syncopation  
**Bar 5 (7.5–9.375s):** 3D depth illusion – layered shapes with parallax, pseudo-z-depth  
**Bar 6 (9.375–11.25s):** Liquid/organic transition – blobs, metaballs, or sine-wave distortions  
**Bar 7 (11.25–13.125s):** Logo/mark reveal – a signature visual or monogram animates in  
**Bar 8 (13.125–15s):** Outro card – contact info or tagline with elegant ease-out

## Audio Requirements
Generate a 128 BPM electronic/house/techno backing track using synthesis (sine/square/sawtooth oscillators, noise, envelopes). Include:
- Kick drum on every downbeat (bars 1, 2, 3…)  
- Hi-hats on 8th or 16th notes  
- Bass line or sub-bass movement  
- One-shot FX or risers on transitions between bars  
- Optional: melody or arp layer for musicality

## Animation Principles
- **Easing:** Use cubic/exponential easing for organic feel; avoid pure linear motion except for mechanical effects  
- **Beat quantization:** Anchor keyframes to `frame % 112.5 === 0` (bar boundaries) or `frame % 56.25 === 0` (half-bar)  
- **Anticipation & overshoot:** Add slight wind-up before big moves, subtle bounce on landings  
- **Layering:** 3–5 visual elements per frame; avoid clutter but keep energy high  

## Code Architecture
Structure your implementation with:
1. **Constants block:** frame rate, duration, BPM, bar length, canvas dimensions, color palette  
2. **Audio synthesis function:** generates the entire 15s waveform, exports or plays inline  
3. **Per-frame render function:** takes frame number, returns pixel buffer or draws to canvas  
4. **Transition logic:** smoothly blend or cut between bar sections  
5. **Export routine:** writes frames to video container (MP4/WebM) or image sequence + audio mux  

## Deliverables
Provide:
- **Fully executable code** in a single language/framework (p5.js, Three.js + Tone.js, Python with moviepy + numpy, Rust + nannou, or similar)  
- **Inline comments** explaining each bar's concept and key animation math  
- **Run instructions** (dependencies, command to execute, expected output file)  
- **Extensibility notes:** how to swap colors, adjust timing, or add new sections  

## Style & Aesthetic
Match the energy of studios like **Ordinary Folk**, **Buck**, or **ManvsMachine**: bold, confident, technically polished. Color palette should be cohesive (2–4 main colors + black/white). Avoid clichés (lens flares, stock transitions); prioritize originality and craft.

---

**Go all out.** This is the showreel that lands the next gig.