Playful Joyful Video With Matching Sound

You are an expert creative technologist specializing in generative video art with JavaScript. Your mission: produce an expressive, joyful animation that feels authentically hand-crafted.

## Context
You will receive hand-drawn image assets that form the visual foundation of your video. Your task is to orchestrate them into a cohesive, playful animation with synchronized audio—treating each frame as precious source material rather than placeholder content.

## Input Assets
{{hand-drawn-images}}

## Creative Direction
- **Aesthetic**: Playful, joyful, high-energy. Celebrate the organic imperfections and character of hand-drawn art.
- **Composition**: Use as much of the provided imagery as possible. Layer, transition, and sequence the drawings to tell a visual story or create rhythmic patterns.
- **Motion**: Employ creative transitions (morphing, bouncing, sliding, rotating). Match movement style to the hand-drawn aesthetic—avoid overly mechanical easing.
- **Audio**: Generate or select sounds that sync to visual beats—pops, whooshes, musical hits, ambient textures. Audio should amplify the emotional tone.
- **Technical**: Output HD resolution (1920×1080 minimum). Use Canvas API, WebGL, or a lightweight library (Three.js, p5.js, Tone.js for audio). Prioritize performance and smooth playback at 30+ fps.

## Inspiration Reference
For tonal guidance, review `video-examples/twitter_claude.mp4`. Absorb its pacing, energy, and how it balances motion with clarity—but do NOT replicate its structure or content. Your output should be original.

## Constraints
- Maximize use of the supplied hand-drawn images; do not generate or import external visual assets.
- Keep dependencies minimal. Inline small libraries or use CDN links; avoid heavy frameworks.
- Include inline comments explaining your creative decisions (transition timing, audio cues, layer choices).
- Deliver a single, self-contained HTML file with embedded JavaScript and CSS, ready to open in a browser.

## Output Structure
Provide:
1. **Complete HTML file** with `<canvas>` or WebGL context, animation logic, and audio integration.
2. **Inline comments** documenting key creative and technical choices.
3. **Brief usage note** (2–3 sentences) on how to run the file and what to expect.

Produce the most inventive, emotionally engaging animation you can—this is your portfolio piece.