Holosphere renders a high-resolution Three.js sphere whose surface geometry is continuously displaced by the live FFT spectrum. Each vertex is pushed outward by its assigned frequency band, producing a breathing orb that deforms dramatically on bass hits. Smooth mode keeps the surface fluid; Spiky erupts sharp protrusions on transients; Rings creates concentric equatorial bands; Magnetic arcs field lines across the surface; Fracture shatters the sphere on strong beats.
Key Features
Parameters
| Parameter | Description | Range / Options |
|---|---|---|
| Holosphere Mode | smooth / spiky / rings / magnetic / fracture | Select |
| Displacement | How far the surface vertices are pushed by audio energy | 0.0–3.0 |
| Rotation Speed | Autonomous rotation rate before audio modulation | 0.0–4.0 |
| Orb Color | Base sphere material color | Hex color |
Tips & Best Practices
- 1
Spiky mode with high Displacement reacts dramatically to bass drops.
- 2
Rings mode at moderate Displacement creates a clean stadium-screen orb look.
- 3
Use as a foreground layer at 0.7–0.9 opacity with a darker particle engine behind it.
Export Performance
3D WebGL engine. Holosphere uses a high-poly IcosahedronGeometry. Displacement above 2.5 can slow older GPUs — reduce to 1.5 for smooth exports.
All visualizers are copyright-free. Every video you export is yours to use commercially or personally, with no attribution required. You retain full ownership of your exports.