Skip to content
back

Fun project · 2026

Oddstead

Oddstead draws imaginary buildings. You give it a seed, it inks a sheet: massing, roofs, openings, a bit of planting, all worked out from that one string. There's no model file and no asset library anywhere in it — every line is generated, then drawn with a slightly dry, slightly wobbly nib so it reads as hand-work instead of CAD.

oddstead · live
Stack

Vanilla JS · Canvas 2D · No build step

How to play
  • Randomize (or the space bar) rolls a new seed and redraws the sheet.
  • Type anything into Seed and hit Apply — your name, a date, a bad pun. It all works.
  • Mode switches between one building, a plate of studies, and a whole seeded city you can walk through.
  • Drag the sheet to orbit. The sliders handle eye height, detail, and how monumental the thing wants to be.
  • Animate drawing replays the ink in draw order, which is the part I still watch too long.
Notes
  • The seed is the whole trick: the same seed always redraws the same building, so a sheet is a link, not a file. Copy seed link hands you that URL.
  • No dependencies, no build step, no network calls. It's plain script tags — you can save the folder and open it from disk on a plane.
  • This is the 2D version. There's a three.js experiment off in a drawer somewhere; it is a different project and it is not this one.