# Small howto create an isometric map

**URL:** <https://discourse.mapeditor.org/t/small-howto-create-an-isometric-map/609>\
**Category:** Guide\
**Created:** [June 26, 2015, 5:35pm UTC](https://discourse.mapeditor.org/t/small-howto-create-an-isometric-map/609 "2015-06-26T17:35:20Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ablu](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.mapeditor.org/ablu/32/1496_2.png) [@Ablu](https://discourse.mapeditor.org/u/Ablu)\
**Post date:** [June 26, 2015, 5:35pm UTC](https://discourse.mapeditor.org/t/small-howto-create-an-isometric-map/609/1 "2015-06-26T17:35:20Z")

</div>

This is a small howto setup an isometric map correctly (done for oblice2 on IRC, but this issue came up more than once).

The main thing I usually see going wrong is that the map tile width/height was not matching the actual tileset width/height. Which (especially in isometric mode) results in very weird results when drawing to the map.

Starting with the tileset:  
 ![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/mapeditor/original/1X/dfd458c280c0462e406b57df6b9a0132c50c99db.png)

You see that each tile has a width of 64 and a height of 32.

So create a new map like this:  
 ![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/mapeditor/original/1X/c63bd72a12090ec357790782c411c1b149d3a9d5.png)

Add the tileset like this:  
 ![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/mapeditor/original/1X/e4403b2db51da2992521603da9f4aa8515e9432d.png)

Now you should be able to draw the tiles correctly.  
 ![](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/mapeditor/original/1X/b279c9eb87d7d4938db6e05a8b187235c92e3593.png)

Regards,  
Ablu

---

<div class="post-metadata">

**Author:** ![Minusha](https://avatars.discourse-cdn.com/v4/letter/m/e19adc/32.png) [@Minusha](https://discourse.mapeditor.org/u/Minusha)\
**Post date:** [June 30, 2015, 2:18am UTC](https://discourse.mapeditor.org/t/small-howto-create-an-isometric-map/609/2 "2015-06-30T02:18:09Z")

</div>

If only implementing an isometric game in unity was easy. ☹

The pathing for ai can get extraneously odd

---

<div class="post-metadata">

**Author:** ![bjorn](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.mapeditor.org/bjorn/32/1599_2.png) [@bjorn](https://discourse.mapeditor.org/u/bjorn)\
**Post date:** [June 30, 2015, 7:41pm UTC](https://discourse.mapeditor.org/t/small-howto-create-an-isometric-map/609/3 "2015-06-30T19:41:10Z")

</div>

> [@Minusha](#):
>
> If only implementing an isometric game in unity was easy.
> 
> The pathing for ai can get extraneously odd

For this, the trick is usually to do the AI pathing in a plain “orthogonal” mode, and use the isometric projection only for display purposes.

---

<div class="post-metadata">

**Author:** ![swdev](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.mapeditor.org/swdev/32/820_2.png) [@swdev](https://discourse.mapeditor.org/u/swdev)\
**Post date:** [October 9, 2016, 12:54pm UTC](https://discourse.mapeditor.org/t/small-howto-create-an-isometric-map/609/4 "2016-10-09T12:54:36Z")

</div>

Thanks @ablu! For new comer in all things about tile based game, this is really helpful