Mouse listener and Affinity Designer grid

After doing some experiments using different grids in Affinity Designer I found that the 2:1 Triangular grid format is the best for this particular 2D to Isometric coordinate function (the one I found here).

I’ve also managed to break up the canvas into layers, fix rendering issues by waiting for the sprites to load in the correct order and created a mouse listener for the arrow keys.

Click on the image to go to the demonstration page.