Game Development Reference
In-Depth Information
Creating a New Isometric Tilemap
Open Tiled and choose File New to open the New Map dialog in Figure 11-7 . Set
the orientation obviously to Isometric, and the map size to 30 tiles wide and high, just
right for our example project. The odd thing here is the tile size width and height,
which seem to be off a bit.
Figure 11-7 . Create a new isometric tilemap in Tiled
I already mentioned that the individual tiles in dg_iso32.png are 54x49 pixels. The
size of the diamond shape, which you have to consider when laying down tiles, is
54x27 pixels. Yet the tile size in the New Map dialog is 52x26. This is because David
Gervais designed his tiles to require overlapping of 2 pixels in the horizontal and 1
pixel in the vertical direction in order to close all gaps between the tiles.
This offset is on purpose, because isometric tiles are often designed to overlap each
other a little. In this case, the size of the tiles in the Tiled isometric map must be 2
pixels less wide and 1 pixel less high than the actual size of the diamond shapes in the
tileset. Other isometric tilesets may require different offsets, or even no offset at all.
If you see any artifacts like the ones in Figure 11-8 , you've set the wrong tile size when
creating a new isometric map with David Gervais' tileset. You can find this erroneous
tilemap as isometric-no-offset.tmx in the project's Resources folder, for
illustration purposes.
Search Nedrilad ::

Custom Search