Skip to content

Engine · v4.0.0

Procedural Night City

A lit night skyline that is an equalizer: towers ordered by frequency rise with the music over a wet, reflecting street.

Procedural Night City engine preview

6 modes

Launch modes

Skyline Bands mode

Skyline Bands

The whole skyline as an equalizer: towers ordered by frequency rise with their bands over a wet, reflecting street.

Window Field mode

Window Field

Camera pushed in until the windows are the meters: each column lights floor by floor with its band.

Traffic Trails mode

Traffic Trails

Long-exposure light trails on a highway in front of the city, each lane a band.

Sign Flicker mode

Sign Flicker

Abstract neon signs on the front towers, each its band, igniting with a flicker kept within the flash limit.

Rain Parallax mode

Rain Parallax

The skyline through three planes of rain over a flooded street that mirrors it.

Rooftop Pan mode

Rooftop Pan

A slow camera orbit around the landmark over the rooftops, the ranks sliding against each other and the bass at the heart of downtown.

54 controls

Controls

ControlGroupTypeDefaultAnimationAudio
Primary colorPrimary color used by the engine paletteStylecolor#f0abfcYesNo
Secondary colorSecondary color used by the engine paletteStylecolor#22d3eeYesNo
BackgroundBackground used by the engine paletteStylecolor#05040aYesNo
OpacityVisualizer opacityTransformrange1YesNo
SensitivityBounded overall audio responseAudiorange1YesNo
Spectrum rangeHow much of the 40 Hz to 14 kHz range the visual spans, from the bass up. Lower it to give the bass and mids more of the barsAudiorange1YesNo
Frequency scaleHow the bars are spread across the frequencies. Log spreads them by octave, mel by how pitch is heard, and linear by hertz, which gives most bars to the highsAudioselectlogNoNo
Auto-levelLifts every part of the spectrum to its own recent range, so quiet highs move as much as loud bass. A note held for several seconds settles lower as it adapts. 0 shows the raw spectrumAudiorange0.8YesNo
Primary audio sourcePrimary audio sourceAudioselectbassNoNo
Frequency focusWhich part of the spectrum drives this visual; while no explicit audio source is set, the motion envelope follows this selectionAudioselectfullNoNo
Burst intensityGlow and trail swell on sharp hits; 0 keeps bursts offAudiorange0YesNo
Ambient bedProminence of the standing background layer behind the beat-born elementsEffectsrange1YesNo
Wake lengthHow far motion trails stretch behind beat-born travelers; 0 removes the wakeEffectsrange1YesNo
Audio contributionMaximum contribution from the primary audio routeAudiorange0.55YesNo
Audio dynamicsHow much of the band's movement reaches the visual. 1 = full dynamics; 0 holds it at a steady level for a calmer, more constant lookAudiorange1YesNo
Audio attackEnvelope attack in millisecondsAudiorange45YesNo
Audio releaseEnvelope release in millisecondsAudiorange240YesNo
Geometry scaleGeometry scaleGeometryrange1YesYes
Motion directionRotate the animated visual pass to face this direction; the general background stays fixedMotionselectnoneNoNo
SpeedTime-based motion; default major cycle is 6–12 secondsMotionrange0.1YesYes
Color modeDuo palette, primary→secondary gradient, or full rainbow sweepStyleselectduoNoNo
GlowGlowEffectsrange0.55YesYes
Global glowShared emissive strength across the frameEffectsrange0.35YesYes
Pulse intensityBeat pulse scale for spawn, size, and shakeEffectsrange1YesYes
Beat responseHow hard every engine hits on each detected beatAudiorange1.2YesYes
Beat smoothingHow long each beat hit rings out before it settlesAudiorange0.35YesYes
Beat attackSeconds for a hit to swell to full. 0 snaps instantlyAudiorange0YesYes
Beat releaseSeconds for a hit to fade, overriding Beat smoothing. 0 follows itAudiorange0YesYes
Beat shakeFrame kick strength on each beatEffectsrange0.6YesYes
Motion echoMotion echoEffectsrange0YesYes
BlurBlurEffectsrange0YesYes
Chromatic aberrationChromatic aberrationEffectsrange0YesYes
Beat sync allRoute beat energy into spawn, shake, pulse, speed, and scaleAudiobooleantrueNoNo
Symmetry and tilingReshape the whole picture: mirror it, fold it into a kaleidoscope, or tile it (the plane groups p1, p2, p4m and p6m)Shape and symmetryselectnoneNoNo
Kaleidoscope foldsHow many mirrored copies go round the kaleidoscopeShape and symmetryrange6YesNo
Symmetry angleTurns the mirror line, or the kaleidoscope, in degreesShape and symmetryrange0YesYes
Kaleidoscope spinHow fast the kaleidoscope turns, in turns per bar of the song (0.25 is once a phrase)Shape and symmetryrange0YesYes
Tile sizeEach tile's size as a share of the frameShape and symmetryrange0.5YesNo
Tile gapThe gap between tiles, as a share of a tile; it shows the background colourShape and symmetryrange0YesNo
WarpBend the whole picture: a twist, a bulge, waves or ripples that move once a bar, a polar unroll, or a fisheye lensShape and symmetryselectnoneNoNo
Warp amountHow strong the warp isShape and symmetryrange0.5YesYes
Warp centreWhere the warp is centred in the frameShape and symmetryselectcentreNoNo
City densityHow many buildings stand in each rank, and how busy the highway isCityrange0.55YesNo
ParallaxHow far the near and far ranks slide against each other as the camera driftsCityrange0.4YesYes
WeatherHow hard it rains, and how many rings the rain leaves on the streetCityrange0.35YesYes
Sign gainSize and brightness of the abstract neon signsCityrange0.6YesYes
Detail budgetShare of windows lit in each buildingCityrange0.6YesYes
Frequency layoutHow the front row of buildings is ordered by frequency: lowest band on the left, or the bass in the middle with the highs at both edgesCityselectautoNoNo
Time of nightFrom dusk (0) through midnight to the small hours (1). Each new section of the song steps it a littleCityrange0.45YesNo
ReflectionHow strongly the wet street mirrors the skylineCityrange0.55YesYes
Window glowBrightness of the lit windows and of every light in the cityCityrange0.8YesYes
FogHaze between the ranks: the far city fades into the skyCityrange0.45YesYes
Cover artworkArtwork that takes the moon's place in the sky, lit like it; the moon returns when this is empty. Rights stay with youArtworktextNoNo
VersionPlay an earlier version of this visualizer. Current look follows every future update.VersionselectcurrentNoNo