Nocturne

Nocturne

A procedural music visualizer: seven WebGL2 scenes driven by real-time audio feature extraction.

Sign in to play web · 6775fe2

Updated today · v6775fe2

music visualizer

The Ocean scene: an island, the sun's mandala halo and a whale
The Aurora scene
The Nebula scene
The Cymatic scene: sand on a resonating plate
The Storm scene

About

A procedural music visualizer: seven procedurally generated scenes (Aurora, Ocean, Nebula, Cymatic, Strange, Web, Storm) rendered as WebGL2 fragment shaders and driven by real-time audio feature extraction. No textures, no assets: everything on screen is math.

Play the built-in demo track (a procedurally generated 112 BPM track) or open any music file of your own.

Keys

  • `1` to `7`: scenes
  • `A`: auto mode
  • `F`: fullscreen
  • `D`: debug HUD (features, fps, bpm)

A second slider, Sacred geometry, dials in a layer of fractals and sacred-geometry forms woven into each scene; 0 turns it off.

Made with
TypeScript
Controls
Keyboard & mouse (not playable on a phone)
Rating
Everyone
Published
2026-10-04

What's new

v6775fe2 2026-10-04

Store page: drop the retired ai_disclosure field

vdc52eba 2026-10-04

Store page as a file: store/

v74d9058 2026-10-04

Publish to Freedom35 Studios on every push

Community

Suggestions and discussion about Nocturne. The developer reads them.

Loading…