// the find
brunosimon/organic-sphere
A Three.js WebGL demo that renders an animated organic sphere deformed by 3D/4D Perlin noise, with microphone input driving the deformation amplitude. It's a creative coding experiment — source material for learning shader-based geometry animation, not a library you'd pull into a project.
The vertex shader uses 4D Perlin noise with a time dimension to animate deformation without mesh rebuilding — cleaner than doing this on the CPU. Microphone input via Web Audio API feeds directly into a uniform, showing a real-time audio-reactive pattern worth stealing. The project structure (Experience/World/Camera separation) is Bruno Simon's teaching scaffold, which is well-documented across his Three.js Journey course if you want to understand the pattern. GLSL partials are extracted into separate files rather than inlined as template strings, which makes them readable.
Last commit is October 2021 — Webpack 4, no ESM, and Three.js r133. Porting to current Three.js (r165+) requires fixing broken imports and removed APIs. There's no README explanation of the shader math or the audio pipeline — you're reading the GLSL cold. This is a demo, not a package: there's no way to use the sphere as a component and no API surface at all. The microphone feature silently does nothing on browsers without getUserMedia support — no fallback, no error state.