Cursor BG — Iridescent Shader
01 / 09 · GLSL · cursor-driven paletteGLSL · cursor-driven palette
Iridescent Shader
Fragment shader with fractal iteration + IQ palette. uMouse shifts the center of the pattern. Move the mouse — iridescence trails.
GLSL · UV displace at cursor
Displacement Shader
The shader takes checker+stripes and displaces UVs proportional to expo(-distance). A point near the cursor gets pulled away.
canvas · 250 dots, attract
Magnetic Particles
250 dots with their own «home». Within 200 px of the cursor — pull force 1/r. At the edge — spring back.
canvas · lines from cursor
Constellation Cursor
120 stars flying around. From the cursor, lines draw to the 8 nearest (within 280 px). Opacity = distance.
R3F · grid of cubes tilts
3D Cursor Tilt
7×7 grid of gold cubes (R3F). The group rotates lerp(0.05) toward (mouseX, mouseY). Metal/roughness 0.3.
canvas · spring blob trail
Cursor Liquid
Spring-blob with inertia 0.06 + trail of 6 wobble rings around the center. The cursor «pulls» the gel along. Radial gradients.
canvas · 350 particles
Cursor Noise Field
350 particles on a Perlin noise field. Within 300 px of the cursor the angle mixes with tangent (curls around).
CSS · hue from cursor X/Y
Color Reactive
Pure CSS: --c1/c2/c3 recompute on mousemove. Hue from X (0-360°), saturation from Y. 3 blobs with these colors.
canvas · dot radius from distance
Halftone Dynamic
18 px grid. Each dot radius = max(1.5, 5 - distance/90). Close to the cursor — dots grow, far — they shrink.