Fable world tour · one site at a time

25 different worlds on the web.

A public design exercise in range. Each release gets its own visual language, interaction model, build guide, and three deliberate polish passes before it joins this index.

Started July 2026 · Manila

FORMA screenshot
FORMA · 06 in rotationREAL-TIME WEBGL

Generative Sculpture · 2019 to now

Objects cast from code.

09Live · 2026-07-10

FORMA

A real-time WebGL gallery of generative sculpture.

A fictional gallery where every object is grown from an equation and rendered live: a chaotic attractor skinned into a ribbon, a noise-displaced planetoid, a gyroid lattice, a phyllotaxis bloom. Orbit any piece, then recast it in chrome, bronze, obsidian, or marble. Reflections come from a studio environment baked into a PMREM map. No image files, all three.js.

  • three.js PBR
  • Generative geometry
  • PMREM environment
  • Live material recasting

The index

Every world so far.

FORMA screenshot
09 · 2026-07-10

FORMA

A real-time WebGL gallery of generative sculpture.

three.js PBR · Generative geometryGuide
OVERWORLD screenshot
08 · 2026-07-10

OVERWORLD

A handmade pixel game studio with a demo you can play.

Low-res pixel canvas · Day / night worldGuide
TECTONIC screenshot
07 · 2026-07-10

TECTONIC

A brutalist archive whose concrete remembers it was liquid.

three.js shader planes · Material pointer warpGuide
STRATA screenshot
06 · 2026-07-10

STRATA

A field institute for reading deep time.

Value-noise ridgelines · Era accordion columnGuide
GRID/WORKS Biennale screenshot
05 · 2026-07-10

GRID/WORKS Biennale

A Swiss design festival that exposes its own grid.

Grid exposure toggle · Swiss typographyGuide
NEON DUSK screenshot
04 · 2026-07-10

NEON DUSK

A cyber-noir detective agency you interrogate.

Interactive terminal · CRT + glitch CSSGuide
Lumen Type Foundry screenshot
03 · 2026-07-10

Lumen Type Foundry

A specimen site where the letters perform.

Variable font axes · Cursor-reactive typeGuide
ORBITAL screenshot
02 · 2026-07-10

ORBITAL

A space-grade watch that comes apart as you scroll.

three.js WebGL · Scroll-driven explosionGuide

Release discipline

Ship, then expand.

01

Build

One complete world, with a real route and a clear creative premise.

02

Polish

Three passes across composition, interaction, mobile behavior, and accessibility.

03

Release

Production build, public URL, guide, portfolio entry, then move to the next world.