Neon City renders an audio-reactive city skyline made of frequency bars, with a reflection of the skyline below — simulating the look of a rainy night in a neon-lit city. The glow intensity and reflection opacity modulate with audio energy.
Key Features
Reflected skylineNeon glowBar-based frequency display
Parameters
| Parameter | Description | Range / Options |
|---|---|---|
| Bar Count | Number of skyline frequency bars | 16–128 |
| Reflection Height | Vertical extent of the reflected skyline below the baseline | 0.1–0.8 |
| Glow Intensity | Strength of the neon glow on each bar and its reflection | 0.0–1.0 |
| Skyline Color | Base colour of the frequency bars | Any hex colour |
| Glow Color | Separate colour for the glow halo | Any hex colour |
Tips & Best Practices
- 1
A pure black background is required for the neon effect to look correct — avoid grey or dark blue.
- 2
Use a Skyline Color distinct from the Glow Color for depth — e.g. white bars with a purple glow.
- 3
Reflection height around 0.35–0.5 looks most realistic.
- 4
Works best with genres that have clear frequency separation — lo-fi, hip-hop, and synthwave.
Export Performance
Neon City is a 2D Canvas engine with good export speed — comparable to Spectrum at similar bar counts.