Fluid Trail
0
Used by 0Controls
Fluid Trail
Paint a glowing, GPU-simulated fluid trail that swirls and drifts behind the cursor with real Navier-Stokes physics.
KEY FEATURES
- — Real-time WebGL2 fluid simulation with vorticity confinement and pressure solve
- — Cursor-driven dye and velocity splats that follow pointer motion
- — Radial outward push so existing waves collide with the cursor and spread
- — Adjustable trail duration from 0.1 up to 30 seconds
- — Inside or outside fade direction for the dissipating trail
- — Customizable trail color
- — Adjustable splat size via the Size control
- — Transparent background so content behind stays visible
- — Responsive canvas that re-fits itself with ResizeObserver
API Reference
All props map directly to the controls panel sliders and color pickers.
LAYOUT
PROP
TYPE
DEFAULT
DESCRIPTION
fade
enum
outside
Fade style: drift dye outward from center (outside) or fade in place (inside).
mouseRadius
number
7
Size of each cursor splat; larger makes a thicker, broader trail.
ANIMATION
PROP
TYPE
DEFAULT
DESCRIPTION
trailDuration
number
30
How long the trail lingers before fading out, in seconds.
COLORS
PROP
TYPE
DEFAULT
DESCRIPTION
color
color
#66FF9C
Color of the fluid dye painted along the cursor trail.
