Aizawa attractor

I fell in love with mathematics back in school, and I never really fell out of it. The Aizawa attractor is a small set of equations that draws a shape you can stare at for a long time — something between a cosmic vortex and a living thing. This site teaches it three ways; pick the pillar that sounds like you.

Why this library exists

A believable chaotic-attractor scene is a week of subtle work — stable integration, trails, bloom, a camera that knows where to look, presets that don’t explode. @krusenstiern/aizawa-attractor packages that so a page pays two lines for it — and this site shows exactly what those two lines buy, file by file:

// The whole ambient scene — verified preset, site look, looping
// camera tour, resize and context-loss handling — in one call.
// Every option defaults; nothing else is required.
import { startAttractor } from '@krusenstiern/aizawa-attractor/three';

startAttractor(document.querySelector('canvas'));

What it’s good for

• Ambient backgrounds on personal sites, portfolios and landing pages — something alive behind your content.
• Learning — the by-hand pillar doubles as a compact WebGL course.
• Trying before committing — the playground mutates parameters live and shares them by URL.

What it’s bad for

• Bundle-critical pages — the full scene ships three.js (~150 kB gzip); core alone stays slim, the pretty renderer doesn’t.
• Custom visuals — it’s one attractor with looks and parameters, not a particle engine or a charting tool.
• Browsers without WebGL2 — they get a static poster, not the scene.