FluidCanonical Authority HubWEBGL

Perlin Flow Fields Procedural Live Wallpaper

Millions of luminous microscopic particles advected along curling curl-noise vector currents leaving phosphorescent trails. Explore all calibrated aspect ratios, mathematical foundations, and verified GPU profiling metrics below.

Perlin Flow Fields
Loading...
Renderer: webgl
Draw Calls: 2/frame
GPU Time: 3.1ms
Target: 1080p FHD
Aspect Ratio:
Resolution:

Calibrated Aspect Ratios

Select your display setup for aspect-calibrated bounding boxes and camera projections:

4 Composition Profiles
16:93 Viewports

Standard Widescreen (16:9)

Center-weighted radial projection, 16:9 bounding box, standard camera frustum optimized for horizontal workstation and desktop displays.

Draw Calls:2/frame
GPU Frame Time:3.1ms
View 16:9 Edition →
21:93 Viewports

Ultrawide Desktop (21:9)

Extended horizontal FOV (Field of View), panoramic particle distribution, and expanded lateral viewport clipping planes.

Draw Calls:2/frame
GPU Frame Time:3.88ms
View 21:9 Edition →
32:92 Viewports

Super Ultrawide Dual-Monitor (32:9)

Double-frustum projection matrix, dual focal symmetry centers, and continuous lateral flow preventing seam distortion across dual-display spans.

Draw Calls:3/frame
GPU Frame Time:4.81ms
View 32:9 Edition →
9:162 Viewports

Vertical Portrait & Mobile (9:16)

Vertical aspect layout with top-to-bottom gravity/flow vectors, column-oriented particle density, and tall perspective projection.

Draw Calls:2/frame
GPU Frame Time:3.56ms
View 9:16 Edition →

Mathematical Foundation & Algorithm Breakdown

Generates divergence-free velocity vectors by taking the curl of a 3D Perlin noise potential field. Tens of thousands of tracer particles are integrated through the field using Runge-Kutta 2nd-order (RK2) advection.

Primary Math ModelDivergence-Free Perlin Vector Fields & Runge-Kutta Advection
Noise AlgorithmPerlin Noise Field
Target Pipelinewebgl Hardware Context

Verified Headless GPU Benchmark Matrix

Zero Synthetic Fallbacks
Aspect RatioDisplay ProfileDraw CallsHeap AllocationGPU Frame TimeEstimated CPUTarget Rate
16:9Standard Widescreen (16:9)2 / frame32.4 MB3.1 ms<1.5%60 FPS
21:9Ultrawide Desktop (21:9)2 / frame36.2 MB3.88 ms<1.9%60 FPS
32:9Super Ultrawide Dual-Monitor (32:9)3 / frame40.3 MB4.81 ms<2.3%60 FPS
9:16Vertical Portrait & Mobile (9:16)2 / frame34.7 MB3.56 ms<1.7%60 FPS

Run Perlin Flow Fields Anywhere

Zero telemetry, zero external dependencies, 100% offline reproducible.

Standalone HTML5 Canvas / WebGL.html
Novaframe Native Engine (Tauri).novaframe
Steam Wallpaper Engine (Web)project.json + bundle
Electron Wallpaper Harness.zip bundle
Lively Wallpaper (Windows)LivelyProperty.json + zip
macOS WebKit Screensaver.saver bundle
Plash Desktop BackgroundURL / Offline Path
OBS Studio Browser SourceBrowser Source Layer