King Aguirre

Render settings

Look
Motion

X03 Lab · 2D canvas

Bucket Renderer

Type a word and watch it render tile by tile, the way a production renderer fills a frame.
  • Type any word
  • Choose the tile order: spiral, Hilbert, rows or random
  • Tile size
  • Re-render

Rendering…

Tile order

How How it is made

The wireframe of it.

  1. The word is drawn once to an offscreen canvas. Each tile starts as noise and resolves to the clean image.
  2. The Hilbert order keeps neighbouring tiles together, which is why production renderers use orders like it.
  3. The same engine draws the footer wordmark on every page.

Performance

Only tiles that change are redrawn. Stops when the frame is complete.

Without WebGL, or with motion set to Still

The finished frame, drawn at once.

  1. Next on the bench · Procedural 3DRender Kit
  2. Next on the bench · Creature motionProcedural Spine
  3. Next on the bench · InterfaceTyped Grid
  4. Next on the bench · Motion systemMotion Tokens