⌖Interactive

Cursor trails, ink and smoke fluids, boids — simulations that react to the pointer or move on their own. — 16 entries

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Cursor Trail커서 트레일

A colored stroke briefly lingers along the pointer’s path.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Cursor Ripples커서 잔물결

Ripples spread from the pointer and warp the image beneath them.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Liquify리퀴파이

The pointer stretches and releases the image beneath it like soft fabric.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Grid Distortion그리드 왜곡

The grid bends around the pointer and locally shifts the image beneath it.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Ink Flow잉크 플로

Colorful ink spreads under a drag and keeps swirling after the pointer lifts.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Smoke연기

Smoke rises and spreads from an emitter, changing color and fading over time.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Smoke Flow연기 흐름

Moving the pointer emits smoke that swirls along its path and fades.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Fog안개

Fog fills the screen and parts around the pointer.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Chroma Flow크로마 플로

Liquid color follows the pointer and shifts with its direction.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Particle Flow파티클 플로

Small particles drift like dust, following cursor-stirred currents and eddies.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Boids보이드 군집

Small agents flock, split, and merge while approaching or avoiding the pointer.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Magnetic Filings자기장 철가루

Iron-filing-like marks align around the pointer and reveal the field’s shape.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Reaction Diffusion반응-확산

Coral-like patterns grow across the layer and bloom where the pointer drags.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Pixel Sort픽셀 정렬

The pointer brush sorts pixels by brightness and leaves the rearrangement behind.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Pixel Throw픽셀 던지기

Pixels fly along the pointer’s path according to brightness or color, then settle back.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Shatter유리 파편 효과

The image beneath breaks into glass-like shards that shift around the pointer.