Skip to content

LIQUID

AURORA

WebGL · Real-time Rendering · GPU-Powered · Cursor-Reactive

Fragment Shaders

Each pixel is computed independently on the GPU, allowing millions of calculations per frame. The aurora effect uses fractal Brownian motion to create organic, flowing patterns.

Cursor Reactivity

The mouse position is passed as a uniform to the shader, creating a displacement field that warps the aurora around your cursor in real time.

FBM Noise

Fractal Brownian Motion layers multiple octaves of rotated sine waves, each at increasing frequency and decreasing amplitude, to produce natural-looking turbulence.

GPU-Powered

WebGL leverages the graphics card for massively parallel computation. This shader runs 12 loop iterations per pixel at 60fps with minimal CPU overhead.