The Advanced Game Developer's Toolkit: Create Amazing Web-based Games with JavaScript and HTML5

© Rex van der Spuy 2017

Rex van der Spuy, The Advanced Game Developer's Toolkit, 10.1007/978-1-4842-1097-0_4

4. Isometric Maps

Rex van der Spuy¹ 

(1)Toronto, Ontario, Canada

Now that you know the basics of making tile-based games, let’s add a cool new feature: isometric projection. Isometric projection is a shallow 3D effect in which the game world appears to be rotated by 45 degrees and viewed from above at a 30 degree angle. Figure 4-1 shows a typical isometric map layout.

Figure 4-1. Isometric projection is a fixed-perspective 3D effect

Instead of squares, your map is made up of shapes that represent cubes, as seen edge-on at an angle. It looks 3D, ...