Dotted Trail Demo | Hyperiux Vault

Dotted Trail

Read Article All Effects

Move your cursor across the grid - the trail follows, blending from the core out to its edges.

Color A

Core color at the cursor.

Color B

Outer color the blend runs toward.

Head Radius

Radius of the blob at the cursor.

Glow Radius

Reach of the soft glow around the cursor.

Follow Speed

How quickly the trail chases the cursor.

Trail Length

How many nodes the tail trails behind.

Background Color

Page color behind the grid.

Dot Color

Dot color at rest.

Active Dot Color

Dot color under the trail.

Idle Delay

Stillness before the fade starts, ms.

Idle Fade

How long the fade takes, ms.

Rim Inner

Where the blend starts, inside the shape.

Rim Outer

Where the blend finishes, past the edge.

Edge Desaturate

Pulls the fading edge back toward colorA.

Edge Desaturate Span

Band width that desaturation acts over.

Tail Tilt

Extra drift toward colorB along the tail.

Dot Spacing

Distance between dots in the grid.

Dot Radius

Radius of an idle dot.