Motes

A drifting particle field for a canvas, in 4.3KB gzipped. The simulation is written in Rust and compiled to WebAssembly; the drawing stays in TypeScript. It is what paints the background of this site.

Your system asks for reduced motion, so the field is drawn once and left still. Every setting below still applies.

Animate anywayColourCount 600Speed 0.25Size 2.2Opacity 0.3Bubble size 4Bubble distance 175

import { createField } from '@bcwatson22/motes';

const field = await createField(canvas, {
  color: '#ffffff',
});