About

Isomer allows you to draw isometric graphics with ease. Let's draw a simple cube.

var Shape = Isomer.Shape; var Point = Isomer.Point; iso.add(Shape.Prism(new Point(0, 0, 0)));



The Grid

Here is the same cube overlayed with a 3D grid. This is how objects look under an isometric projection.

/** * This is the 3D isometric grid that * we will be drawing on. * * The blue grid is the xy-plane. * The red line is the z-axis. */



What's going on here?

After a couple clever renames, we add a Shape.Prism to our scene. The first argument is the position of our shape. In this case, we use new Point(0, 0, 0) to place the cube at the origin. (Note: we can also use Point.ORIGIN )

We can also specify a width, length, and height of our prism, but these all default to 1.