Dive into a refreshing visual experience with Aqua Flow Gradient. This premium WebGL component uses complex sine-wave mathematics to generate realistic water caustics (light patterns) blended with a deep, immersive color gradient.
Unlike heavy video backgrounds, this generative shader renders crisp, non-repeating ripples directly on the GPU. It is the perfect atmospheric backdrop for travel sites, wellness apps, or summer campaigns. You have total control over the depth gradient, allowing you to blend from a deep abyss color to a sun-kissed surface hue smoothly.
Functions (Key Features):
🌊 Caustic Simulation: Mathematical shader logic creates organic, sunlight-dappled water patterns.
🎨 3-Stop Gradient: Seamlessly blends Deep, Mid, and Shallow colors to simulate realistic water depth.
⚡ GPU Rendering: Runs natively in WebGL for 60fps performance without the artifacts of video loops.
✨ Specular Highlights: Automatically generates bright, sparkling ridges where the "waves" intersect.
🎛️ Fluid Control: Adjust Flow Speed and Ripple Intensity to switch between a calm pool and a choppy sea.
How to Use:
Insert: Drag the Aqua Flow Gradient component onto your canvas.
Sizing: Set Width and Height to "Fill" (100%) for a fully immersive background.
Gradient: Define your water depth. Use dark teal for Deep Color, bright cyan for Mid Color, and near-white for Shallow Color.
Motion: Adjust Flow Speed. Lower values (0.1) look like a lazy pool; higher values (0.5+) look like a flowing river.
Detail: Use Ripples (Intensity) to control the contrast of the light patterns on the water.
Alpheratz
