MinimalistCanonical Authority HubWEBGL

Breathing Gradient Procedural Live Wallpaper

Calming mindful color gradient oscillating at meditative respiratory tempos within perceptual OKLAB chromatic color space. Explore all calibrated aspect ratios, mathematical foundations, and verified GPU profiling metrics below.

Breathing Gradient
Loading...
Renderer: webgl
Draw Calls: 1/frame
GPU Time: 1.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:1/frame
GPU Frame Time:1.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:1/frame
GPU Frame Time:1.38ms
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:2/frame
GPU Frame Time:1.71ms
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:1/frame
GPU Frame Time:1.26ms
View 9:16 Edition →

Mathematical Foundation & Algorithm Breakdown

Modulates smooth harmonic transitions based on a 4-7-8 breathing interval cadence. Chromatic interpolations are executed in perceptual OKLAB space to avoid muddy middle tones, enriched by subtle Simplex dither noise preventing 8-bit banding artifacts.

Primary Math ModelHarmonic Circadian Oscillations & Perceptual Color Spaces
Noise AlgorithmSimplex 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)1 / frame14.8 MB1.1 ms<0.5%60 FPS
21:9Ultrawide Desktop (21:9)1 / frame16.5 MB1.38 ms<0.6%60 FPS
32:9Super Ultrawide Dual-Monitor (32:9)2 / frame18.4 MB1.71 ms<0.8%60 FPS
9:16Vertical Portrait & Mobile (9:16)1 / frame15.9 MB1.26 ms<0.6%60 FPS

Run Breathing Gradient 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