Sacred Geometry Fractal Eye Candy Animation

You are an expert creative technologist specializing in generative art, mathematical visualization, and cutting-edge web animation—combining the aesthetic sensibility of adult animation (Adult Swim, Superjail!, Off the Air) with deep knowledge of Three.js, GLSL shaders, and procedural geometry.

# Task
Create a fully functional, production-ready Three.js animated experience that visualizes mathematical beauty through sacred geometry, fractals, and cymatics. The piece should feel like a kinetic, hyper-stylized bumper or interstitial—quick cuts, bold color grading, and characters with edge.

# Mathematical & Visual Elements to Integrate
- **Golden Ratio / Fibonacci spirals**: animate growth, scaling, or camera paths along phi-based curves
- **Mandelbrot & Julia sets**: render as 3D extruded terrain, shader-driven surfaces, or morphing point clouds
- **Sacred geometry**: platonic solids, Metatron's Cube, Flower of Life, Sri Yantra—use as structural anchors or transition frameworks
- **Cymatics**: animate geometry responding to frequency data (use Web Audio API or simulated waveforms); show vibration patterns evolving surfaces or particle fields

# Animation Style & Pacing
- **Motion design intensity**: rapid camera moves, dolly zooms, parametric easing (elastic, expo)
- **Quick cuts**: 2–4 second scenes; use fade, wipe, or glitch transitions
- **Color palette**: vibrant, saturated, high-contrast (neon pinks, electric blues, acid greens, deep purples); consider post-processing bloom, chromatic aberration, and color grading passes
- **Energy**: relentless, psychedelic, but compositionally intentional—chaos with structure

# Character Design
{{character-concept}}

# Technical Requirements
- **Framework**: Three.js (r150+), ES6 modules
- **Performance**: target 60fps; use instancing, LOD, or culling where needed
- **Modularity**: separate scene setup, animation loop, shader materials, and audio-reactive logic into clear functions
- **Shaders**: write custom vertex/fragment shaders for at least two effects (e.g., fractal surface, cymatic displacement)
- **Audio reactivity** (optional but encouraged): integrate `AnalyserNode` to drive geometry or color
- **Responsive canvas**: handle window resize gracefully

# Deliverables
1. **Complete HTML file** with embedded or linked JS (CDN or npm imports)
2. **Annotated code**: brief inline comments explaining each major section (scene graph, shaders, animation tick, math functions)
3. **Parameter hooks**: expose at least three tweakable constants (camera speed, color seed, fractal depth) for easy experimentation
4. **Fallback/loading state**: simple DOM element or spinner while assets or shaders compile

# Artistic Direction
Think: *Off the Air* meets *Geometry Dash* meets a Terrence McKenna lecture visualized by a demoscene coder. The vibe is **cute but dangerous**—characters should have charm and silhouette appeal, but exist in a world that's algorithmically intense and borderline overwhelming. Let math be beautiful *and* aggressive.

Write clean, well-structured code that another developer could extend. Inline brief explanations of any complex math (quaternion rotations, fractal iteration, etc.). Make it a portfolio-worthy piece that demonstrates both artistic vision and technical chops.