particles

Particle Field

Disturb an orbital field with Attract, Repel, and Ambient motion. Play, pause, or generate a new seeded composition.

How to play

Press Play, then optionally move a pointer or touch the field. Choose Attract, Repel, or Ambient and adjust strength. Pause holds the composition; Reset restores defaults and Randomize creates a new seeded field. Scrolling remains available.

Disturb the field.

002 / PARTICLE FIELD

A constellation of points follows a gentle current. Attract gathers them, Repel pushes them away, and Ambient lets them drift. Play starts the field; Pause holds every point in place.

Original seed illustration: lime and lilac particles arranged in three orbital bands.

JavaScript and Canvas2D are required for interaction. The original illustration above remains available without them.

Field controls
Interaction mode

Attract draws nearby points toward your pointer. Pointer interaction is optional; Randomize builds a new field without a gesture.

0 turns pointer influence off. Ambient motion continues while playing.

A static illustration is ready. Interactive controls are unavailable until the field initializes.

Seed 54494E58

Illustration

Move a pointer or touch the field to influence nearby points. Scrolling and zooming stay available. Reset returns to the original paused composition; Randomize keeps your settings and creates another seed.

Reduced motion keeps a static composition. Randomize creates a new seed; Reset restores the original paused field. An original illustration, instructions, and navigation remain available without Canvas2D or application JavaScript.

Behind the pixels

Astro · TypeScript · Canvas2D · requestAnimationFrame · Pointer Events