Elkin StudioElkin Studio
Generative · 3D2026Live prototype

Lattice

A structure that builds itself, one isometric block at a time.

Live prototypeTune density and height, swap the palette, and move your cursor to shift the view.
Initialising prototype_

The experiment/

  • Isometric
  • Generative
  • Canvas

Lattice grows a slowly rotating isometric structure from a field of extruded blocks whose heights ripple through noise and wave functions. Pure 2D canvas, faked into three dimensions, a study in getting dimensional richness without the weight of a 3D engine.

Real-time 3D is heavy, a whole engine, shaders, a bundle cost. But a huge amount of dimensional feeling can be faked with nothing more than isometric projection on a flat canvas. Lattice draws a grid of columns, extrudes each to a height driven by a moving noise field, and shades three faces to imply light.

The camera slowly orbits and responds to the cursor, so the structure feels sculptural and alive while staying cheap enough to run on a phone. It's a lesson we return to constantly: the perception of depth matters more than actual depth.

We've used descendants of this system for launch visuals, loading states, and the occasional generative sculpture that exists only as a moving image.

Lattice, a lab experiment by Elkin Studio

Built with/

  • Canvas 2D
  • Isometric projection
  • Noise-driven heightfield
  • Face shading
Next experimentPrism
  • Seen
  • Found
  • Chosen
  • Connected
Start a Project