This is the Navara port of the OpenStreetMap Sound Demo, which is built on MapLibre GL JS.
The basemap is not a style document: each OpenMapTiles source layer is styled with Navara's own vector materials, and the buildings are extruded per feature from render_height. Navara does read MapLibre Style JSON through an experimental plugin, but this demo keeps its own palette.
While the music plays, each building is lifted from the ground by its frequency band — or, in wave mode (the button), by the beat rippling outward from the centre of the view — a bloom glow pulses on the beat in whatever colour the hue sweep is passing through, and screen-space ambient occlusion darkens the gaps between the blocks. The rivers and bays are Navara’s water material rather than a flat fill, so they catch the sky and the sun, and the louder the music the rougher they run.
Vector tiles by OpenStreetMap Japan, data © OpenStreetMap contributors.
Original sound example developed by Mapbox, and all music in the original is by Otherman Records.
Original demo developed by Taro Matsuzawa (smellman).
VJ mode is experimental and supports desktop browsers only. It drives the buildings from a live audio input, so route your system output into a virtual input device first, then press Turn On VJ Mode. Press Esc to leave it.