§02.06 — Lab Playground
FFTReactiveMaterial
Web Audio API → uniforms that drive material roughness, emissive color, and displacement.
Tech
Web Audio · 2025
Status
Live
Renderer
WebGL2 / fallback
Updated
MMXXVII
Live · move the cursor
Web Audio · 202560 fps target
◊ Brief
FFT bins of a Web Audio source feed three uniforms: roughness, emissive color, and displacement. The material breathes with the music.
- bin count256
- smoothing0.85
- displacement gain0.18
- color tilt+12°
§README
- §01Click play to start the demo audio. The material wakes up the moment audio is decoded.
- §02Used in the Void Engine project to drive volumetric lighting in real-time.