Three.js Experiments

A collection of visual experiments and interactive demos

#011

Dust in Wind

Layered dot grid with depth. Move mouse up to blow dots away from camera, down to pull them back. Motion blur trails based on screen-space movement.

2026-01-31
particles depth interaction
#010

Weird Little Bugs

Strange little bugs floating around, drifting in the breeze.

2026-01-31
particles interaction
#009

Blob Merge

Two draggable blobs that merge like water droplets - flowing together on contact, stretching and snapping apart when separated.

2026-01-31
metaballs physics interaction
#008

Physics Balls

Interactive physics simulation with bouncing balls of random sizes. Drag balls around and watch them collide and bounce off walls and each other.

2026-01-31
physics collision interactive
#007

Lightning Trails

Van de Graaff generator style lightning that emanates from your cursor/touch, with branching electrical arcs.

2026-01-31
lightning interactive electricity
#006

Velocity Trails (GPU)

A grid of dots with trail length determined by velocity - faster movement creates longer trails. GPU-optimized with SDF shader rendering.

2026-01-31
particles interaction physics motion-blur gpu velocity
#005

Motion Blur Dots (Depth Layers)

Multiple layers of motion blur dots at different z-depths, creating a parallax depth effect. Front layers move more than back layers for added dimensionality.

2026-01-31
particles interaction physics motion-blur gpu depth
#004

Motion Blur Dots (GPU Optimized)

A grid of dots that stretch and elongate as they move, using GPU-based SDF rendering for high performance. Dots repel from the cursor and smoothly return to their original positions.

2026-01-31
particles interaction physics motion-blur gpu
#003

Curved Motion Trails

A grid of dots with curved motion trails that accurately follow their movement path. Trails are based on velocity history, creating smooth bezier-like curves as dots move.

2026-01-31
particles interaction physics motion-blur curves
#002

Motion Blur Dots

A grid of dots that stretch and elongate as they move, creating a motion blur effect. Dots repel from the cursor and smoothly return to their original positions.

2026-01-31
particles interaction physics motion-blur
#001

Dot Grid Repel

A grid of dots that repel away from the mouse cursor with physics-based movement, smoothly returning to their original positions.

2026-01-31
particles interaction physics