Hex grid — standalone shader-fx

The shaders package's composed hex-grid preset without the package, ported to hand-owned TSL in @aicolab/kolo/shaders. Move the cursor over the canvas: the lattice thickens around it and drags liquid colour along the lines. Every parameter below updates live — colours, ranges and glow are uniforms; spring and fluid-sim constants are read per-frame. Backend: initialising…

Hex lattice

cells 8origin x 0.50origin y 0.50

Cursor thickness map

thickness far 0.4thickness at cursor 3.0brightness far 1.00brightness at cursor 1.00reach (circle radius) 1.00falloff softness 0.50spring smoothing 0.20spring momentum 0.35

Background gradient

centre colour #2a1408edge colour #080808centre x 0.50centre y 1.00radius 1.40

Ripples (on the lines)

wave colour #a83806between colour #1a0f0acentre x 0.00centre y 1.00frequency 8.1softness 1.8band thickness 0.00speed 1.0

Cursor flow (ChromaFlow)

base #ff6a1aup #ffcc00down #c43a05left #ff8a00right #ffd97aintensity 1.00radius 3.8momentum 15

Glow

intensity 21.0threshold 0.10size (px) 6.0

Film grain

strength 0.05shadow bias 2.0animated

Plain HexGrid — every knob a uniform

The bare effect on its own quad, rendered on demand (one frame per change, no animation loop). The checkerboard behind the canvas makes the alpha-weighted blend visible. Backend: initialising…

fill (A)fill alpha 1.00line (B)line alpha 1.00cells 8thickness 1.0mix space