WebGPU experiments

Things I build in the evenings to understand realtime graphics better. All of it runs in the browser on WebGPU, written with three.js and TSL.

A field of pink and blue flowers under a low sun, with a moss-covered cube floating above it

Flower Field

1.8 million plants over a procedural landscape, with a floating cube that grows its own vegetation. Everything is placed on the GPU — there is not a single position stored on the CPU.

  • 1,830,000 instances
  • 100 fps
  • three.js r185 · TSL
 Glowing white letters spelling ART, wrapped around a ring against a deep blue background

Kinetic Type

The word is never drawn on the ring. It is rendered to an offscreen target first, and the ring samples that image as a scrolling texture — so the type wraps, repeats and mirrors itself as it turns.

  • MSDF text · stays sharp at any size
  • offscreen render target
  • three.js r185 · TSL