Draw My Canvas.
Thirty-two generative-art animations, drawn live in your browser from nothing but math and a canvas — no images, no video. Watch them fullscreen, or drop any one into your own page with a single line.
Any plate can also be saved as a sharp wallpaper for a phone or a 4K screen, a PNG, or a short video clip — made in this browser and never uploaded.
Take one home
- Wallpaper Phone 1179×2556 Phone large 1290×2796 1920×1080 2560×1440 4K 3840×2160 The plate is drawn again at that size, not stretched. Make a Truchet Tiles wallpaper →
- PNG The frame on screen, at any width up to 16,384 px. Save a still →
- Clip 5, 10 or 20 seconds of the animation as MP4 or WebM. Record a clip →
- Embed Keep it moving on your own page with one line of HTML. How embedding works →
The Catalogue
Every tile below is a real animation running right now, not a screenshot. Open one to view it full-frame or grab its embed code.
Golden-angle phyllotaxis blooming from the seed outward.
A quiet rain of ₿ and hex sliding down the glass.
Soft orbs drifting through slow orbital rounds.
Archimedean arms turning, so the bands seem to stream inward.
A continuous bloom of particles from the core.
Hexagons orbiting in harmonic rotation.
Layered sine waves scrolling in phase.
A branching L-system swaying toward infinite depth.
Quarter-arc tiles re-rolling into one continuous meander.
A Lissajous curve traced as a tapering ribbon, phase adrift.
Grains settling on the nodal lines of a vibrating plate.
One de Jong orbit, drawn until its dust becomes a shape.
Tangent circles packed into every gap, turning slowly.
Wandering particles freezing onto a growing crystal.
Cell walls redrawn as their seeds drift and relax.
One unbroken line that visits every cell of the plate.
Two spreading chemicals growing a coral reef out of nothing.
Two rhombs tiling the plane in a pattern that never repeats.
Grains piling up until sites topple and an avalanche runs.
Two line grids turning against each other into slow bands.
Scattered blinking lights pulling one another into step.
Wandering specks laying trails that grow into a branching web.
One closed line, growing too long for its frame and buckling.
A mosaic that solves itself, one lowest-entropy tile at a time.
Three local rules and no leader, folding a flock into sheets.
A survey of land that is not there, redrawn as it moves.
Forty-nine circles on one arm, drawing the shape they are made of.
One live cell and a three-bit rule, falling into a pattern that never repeats.
Straight cracks that spawn cracks at right angles and stop dead on each other.
Two dozen double pendulums let go a hair apart, falling out of step into chaos.
Two rules on a soup of cells: births in coral, survivors in cobalt, the dead as fading ghosts.
Three suns chasing round a figure eight, then a Pythagorean dance that throws one out.
Want the full grid with per-piece embed buttons? Visit the gallery → or play them all full screen →
Code is the brush; the canvas does the rest.
Draw My Canvas is a small experiment in generative art — patterns grown from simple rules rather than drawn by hand. Flow fields, golden-angle spirals, particle systems and L-systems each get their own plate, painted frame by frame on the HTML5 canvas at up to sixty frames a second.
There is no engine underneath and nothing to install — just a few hundred lines of vanilla JavaScript and the math that makes each pattern move. No cookies, no sign-up, no accounts.
A studio experiment by Dank Dev ↗ · Read how it works ↗
- RenderHTML5 Canvas 2D
- LanguageVanilla JS · ES6+
- LooprequestAnimationFrame · 60fps
- OfflineService Worker · PWA
- RoutingStatic pages, clean URLs
- DepsNone