Fluid9:16 FramedWEBGL

Liquid Pack: Ripples (9:16) Live Wallpaper

Pristine liquid surface generating interactive capillary ripples, wave reflections, and caustic light refraction. Pre-calculated for Vertical Portrait & Mobile (9:16) displays using real-time 2D Wave Equation & Shallow Water Surface Tension.

Liquid Pack: Ripples
Loading...
Renderer: webgl
Draw Calls: 2/frame
GPU Time: 2.3ms
Target: Vertical FHD
Aspect Ratio:
Resolution:
Free engine · macOS & Windows

Run Liquid Pack: Ripples in Novaframe Engine

The same shader you just previewed, running as a native desktop wallpaper — auto-paused when a window covers it, calibrated toVertical Portrait & Mobile (9:16), applied in one click. Free, no account needed to try it.

Algorithmic & Mathematical Specification

Solves the 2D hyperbolic wave equation $\frac{\partial^2 u}{\partial t^2} = c^2 \nabla^2 u$ with damping. Surface normal vectors are calculated from the wave height gradients to drive realistic caustic refraction highlights.

Mathematical Model2D Wave Equation & Shallow Water Surface Tension
Primary Noise AlgorithmKinetic Noise Synthesis
Vector Field & Coordinate Dynamics:

Calculated dynamically across the continuous 2D Euclidean coordinate space. Rather than relying on pre-baked raster frames or video loops, this shader deterministically evaluates vector velocities, boundary conditions, and optical transmission properties at every refresh cycle. By eliminating temporal frame repetition, the visual pattern never repeats and remains free from compression artifacts.

Aspect Ratio Framing & Viewport Matrix (9:16)

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

Resolution PresetPixel DimensionsRender TargetDisplay Class
Vertical FHD1080 × 19202.1 MegapixelsVertical Portrait & Mobile (9:16)
Vertical QHD1440 × 25603.7 MegapixelsVertical Portrait & Mobile (9:16)
Canvas Scaling vs URL Permutation Note:To adhere to Google search engine quality and helpful content guidelines, standard resolution tiers (1080p, 1440p, 4K UHD) are computed client-side through hardware-accelerated canvas viewport resizing. All pixel resolutions within this display class canonicalize to this master 9:16 composition authority page.

GPU Telemetry Matrix

Verified 60 FPS
Draw Calls / Frame:2
VRAM / Heap Allocation:22.7 MB
Avg GPU Frame Time:2.3 ms
Estimated CPU Overhead:<1.3%
Tested Pipeline Target:webgl

Metrics profiled headlessly under sustained 60Hz workload without synthetic mock values. Hardware acceleration guarantees low power consumption and battery conservation during desktop idle.

Supported Runtime Engines

This procedural wallpaper can run standalone in modern browsers or through native wallpaper harnesses:

  • Standalone HTML5 Canvas / WebGLSelf-contained single-file HTML5 document running 60fps in any modern web browser with zero dependencies.
  • Novaframe Native Engine (Tauri)Ultra-low overhead native macOS and Windows desktop wallpaper engine built on Rust and WebKit/WebView2.
  • Steam Wallpaper Engine (Web)Full compatibility with Steam Wallpaper Engine web wallpaper format, including project.json schema.
  • Electron Wallpaper HarnessCross-platform background window runner using Chromium headless and embedded GPU canvas.
  • Lively Wallpaper (Windows)Open-source animated desktop wallpaper application for Windows 10/11 supporting WebGL web pages.

Other Aspect Ratios