Art made from code.

The pieces, and what each one runs on

1. 01

   Survey

   Where it started: field geology

   WhyA geologist reads ground through contour lines. This is that map, alive, so you can disturb the terrain.

   HowLayered noise makes a height field. Marching squares traces 13 contour levels across it every frame, with every fourth line drawn heavier as on a survey sheet. Your cursor raises a borehole.

   TypeScript · Canvas 2D · Fractal value noise · Marching squares · requestAnimationFrame

2. 02

   Current

   Native ads and content: attention as a current

   WhyNative ads taught me that attention moves like water. You cannot push it, only read the current.

   HowAbout two thousand particles take their direction from a noise field. Each frame fades the last one, so movement leaves trails. Within 160 px of your cursor they are pulled into a vortex.

   TypeScript · Canvas 2D · Flow field · Particle system · Alpha-blended trails

3. 03

   Interference

   Building a team: patterns that only exist together

   WhyA team makes patterns no single person has. Building a 24-person team felt like this.

   HowTwo sets of concentric rings: one drifts slowly, the other follows your cursor. The rippling pattern exists only where they overlap.

   TypeScript · Canvas 2D · Moiré interference

4. 04

   Signal field

   Going all-in on AI

   WhyAI, for me, is structure that still moves: a grid that keeps its shape while something flows through it.

   HowA grid of short strokes, each angled by a slow sine field. Near your cursor the angles bend into a vortex and turn coral. It is the same grid as the hero of this site.

   TypeScript · Canvas 2D · Vector field · Shared with the v7 hero

5. 05

   0.10 inch

   Running a US operation, then CompliSure

   WhyThe CompliSure rule as a toy: rain only counts when an unbroken run reaches a tenth of an inch.

   HowDrops that land in the gauge raise its level. Your cursor is an umbrella: hold it over the gauge and the run breaks, so the level resets to zero, exactly as the permit rule does. Let the rain reach 0.10 inch unbroken and the gauge stamps QUALIFYING.

   TypeScript · Canvas 2D · Particle simulation · Small state machine

6. 06

   Lahore, 7 pm

   Now: Lahore evenings, California mornings

   WhyThe hour I start work: seven in the evening in Lahore, while California wakes up.

   HowThe sky is drawn as horizontal bands and the sun is cut into the same bands. Below the horizon the rows ripple like water. Your cursor moves the sun.

   TypeScript · Canvas 2D · Scanline rendering