See it in use
- Portrait — inset plate
- Portrait — full bleed
- Landscape — split
- Landscape — band
As a website background
Northwind
Infrastructure that gets out of the way
A worked example — your pattern, sitting behind real page furniture.
Start buildingHow it works
Grid coordinates are put through the standard isometric projection — x and y each contribute to both screen axes, one at half rate — and every cell gets a column whose height is a sample of the noise field. Each column is drawn as three rhombi: a lit top, a shaded face, and one left in the background colour. The whole illusion rests on painting order alone; the cells are drawn back to front so a near column covers a far one, and there is no depth buffer, no lighting model, and no third dimension anywhere in the file.