Skip to content
Illustration

Photo references for lighting isometric scenes

Real-world light we keep coming back to when shading blocks.

Icons are the hardest isometric art to get right because there is so little room. At small sizes one of the three faces usually has to go, so we pick the two that best describe the object. A book keeps its cover and spine; a box keeps its top and front. Deciding early saves a lot of redrawing.

4 imagesJPG, 1200 × 1200

Download ZIP 1 MB

Browser support for 3D transforms is excellent today, with a few sharp edges. The main one is that certain properties, such as overflow hidden or some filters, quietly flatten a preserve-3d context. If a face disappears or a block turns flat, look for one of those on an ancestor before you start rewriting your transforms.

Share

Written by

Priya Raman

Priya covers accessibility and tooling. She reviews every illustration on the site with a screen reader before it ships.

All 18 posts by Priya Raman

1 comment

  1. Ivo Petrov

    We used the grid background on our docs site and it looks great with a dark theme too.

Comments are closed.