An archive of interactive & generative sketches
Small machines that draw themselves.
SketchVault keeps experiments in code: simulations, games that play themselves, fields of noise. Each one runs live in your browser, and every parameter is yours to change.
- Works on file
- 05
- Media
- 03
- Collecting since
- 2025
- Runs in your browser
- 100%
§1 · Latest acquisition
No. 005
Boids
No bird knows the shape of the flock. Each one only steers away from crowding, towards the average heading, and towards the centre of its neighbours. A spatial hash keeps neighbour lookups fast enough for hundreds of birds.
- Medium
- Canvas 2D
- Type
- Interactive, Generative
- Year
- 2026
§2 · The index
Browse & filter- 001Planetary SystemEight planets in lit, shadowed orbit around a glowing sun.Three.js · Interactive, 3D2025
- 002Snake AIA snake that plays itself, routing to food with A* search.p5.js · 2D2025
- 003Flow FieldThousands of particles drifting through evolving Perlin noise.Canvas 2D · Generative2026
- 004Game of LifeConway's cellular automaton, coloured by the age of each cell.Canvas 2D · Interactive, 2D2026
- 005BoidsA flock built from three local rules, after Craig Reynolds.Canvas 2D · Interactive, Generative2026
§3 · The studio
Make something that isn’t in the vault yet.
Pick a generator, choose a palette, fold it into a kaleidoscope and keep the frame you like. Nothing to install and no account. It all runs on the canvas in front of you.
Enter the studio§4 · About the vault
SketchVault is a working notebook, catalogued. Each entry started as a question: how does a flock hold together, what does A* look like when it has to live with its own tail? Each was built until it answered back.
Entries are numbered in the order they were made and are never retired. They run entirely client-side, so what you see is the code itself running on your machine, not a recording.
Colophon
- Display
- Instrument Serif
- Text
- Geist & Geist Mono
- Framework
- Next.js 16, React 19
- Rendering
- Three.js, p5.js, Canvas 2D
- Styling
- Tailwind CSS 4
- Source
- GitHub