I made a thing that draws pixel-isometric objects in HTML5 canvas! Click to position and scale new cubes, and click on the palette on the right to change the colour new shapes are drawn. The code on the right is what generates the shapes – you can edit that directly too. To watch the cubes on their own, select ‘demo’ mode.
This has been a while in the making because I work at Resn now! I’ve have joined their team as ‘interactive experience developer’, which is going to be a great challenge and a lot of fun. This post was borne out of a love for pixel isometric as practised by masters like quickhoney and eBoy. I’ve tinkered with pixel isometric for a long time and have always enjoyed the results, but find the actual process of making iso images to be a lot more tedious than it needs to be. Bret Victor makes the point that this tedium actually stifles vast amounts of experimentation, and that inspired to make a tool that can help with part of the process – the result is a lot of fun to play with.