# Tilemap to png \[SOLVED\]

**URL:** <https://forum.defold.com/t/tilemap-to-png-solved/71985>\
**Category:** Questions\
**Created:** [November 1, 2022, 9:39am UTC](https://forum.defold.com/t/tilemap-to-png-solved/71985 "2022-11-01T09:39:48Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![TonyHorn](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/tonyhorn/32/30223_2.png) [@TonyHorn](https://forum.defold.com/u/TonyHorn)\
**Post date:** [November 1, 2022, 9:39am UTC](https://forum.defold.com/t/tilemap-to-png-solved/71985/1 "2022-11-01T09:39:49Z")

</div>

Hi there! I try to recreate my old flash game [Pursuit of Hat](https://www.youtube.com/watch?v=YD760inUzYY&t=120s) and I want it look similar to origin game with hand-drawn organic shapes instead of tiles. Is there any ways to get png image of tilemap wich I could use as a template for drawing in another graphic editor? Thank you!

---

<div class="post-metadata">

**Author:** ![britzl](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/britzl/32/23_2.png) [@britzl](https://forum.defold.com/u/britzl)\
**Post date:** [November 1, 2022, 10:33am UTC](https://forum.defold.com/t/tilemap-to-png-solved/71985/2 "2022-11-01T10:33:36Z")

</div>

> [@TonyHorn](#):
>
> Is there any ways to get png image of tilemap wich I could use as a template for drawing in another graphic editor? Thank you

I’m not 100% sure I understand what you want to do. Could you please provide some more information?

---

<div class="post-metadata">

**Author:** ![TonyHorn](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/tonyhorn/32/30223_2.png) [@TonyHorn](https://forum.defold.com/u/TonyHorn)\
**Post date:** [November 1, 2022, 11:06am UTC](https://forum.defold.com/t/tilemap-to-png-solved/71985/3 "2022-11-01T11:06:29Z")

</div>

In flash I used to draw terrain on top of sprites that represents collision objects directly in editor. But how I could draw image (in photoshop for example) of terrain that fits perfectly to tilemap that represents collision shape? And I thought about image of tilemap that will serve me as guide in order to reach that goal.

---

<div class="post-metadata">

**Author:** ![selimanac](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/selimanac/32/6397_2.png) [@selimanac](https://forum.defold.com/u/selimanac)\
**Post date:** [November 1, 2022, 11:16am UTC](https://forum.defold.com/t/tilemap-to-png-solved/71985/4 "2022-11-01T11:16:46Z")

</div>

I think this is what you are looking for:

> **[Tile source collision shapes - Defold tile source manual](https://defold.com/manuals/tilesource/#tile-source-collision-shapes)**
>
> A Tile Source can be used by a Tilemap component to paint tiles onto a grid area or it can be used as the graphics source for a Sprite or Particle Effect component. You can also use the Collision Shapes from the tile source in a Tilemap for collision...

You can define collision shapes for every tile by using Collision layer. You can draw this layer(png) by using photoshop or whatever you want to use.

---

<div class="post-metadata">

**Author:** ![selimanac](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/selimanac/32/6397_2.png) [@selimanac](https://forum.defold.com/u/selimanac)\
**Post date:** [November 1, 2022, 11:18am UTC](https://forum.defold.com/t/tilemap-to-png-solved/71985/5 "2022-11-01T11:18:50Z")

</div>

And there is a great tutorial:

> **[Tilemap collisions](https://defold.com/examples/tilemap/collisions/)**
>
> This example shows how to detect collisions on tilemaps

---

<div class="post-metadata">

**Author:** ![COCO](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/coco/32/38692_2.png) [@COCO](https://forum.defold.com/u/COCO)\
**Post date:** [November 1, 2022, 11:30am UTC](https://forum.defold.com/t/tilemap-to-png-solved/71985/6 "2022-11-01T11:30:56Z")

</div>

try this one:

 ![image](https://forum-defold-uploads.b-cdn.net/original/3X/7/5/75e13732d785e96e756fe40dd970af4d5c6cb11b.png)

---

<div class="post-metadata">

**Author:** ![TonyHorn](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/tonyhorn/32/30223_2.png) [@TonyHorn](https://forum.defold.com/u/TonyHorn)\
**Post date:** [November 1, 2022, 11:41am UTC](https://forum.defold.com/t/tilemap-to-png-solved/71985/7 "2022-11-01T11:41:38Z")

</div>

Thank you for reply, but this is not exactly what I looking for. My fault “fits perfectly to tilemap” is not the case. I want it looks more organic like on video. How I see process of making levels. I create all collision and game objects and than test it. If it past the tests I draw from scratch all environments. I do not imagine how to redraw all terrain every time I want to fix something.

---

<div class="post-metadata">

**Author:** ![TonyHorn](https://forum-defold.b-cdn.net/user_avatar/forum.defold.com/tonyhorn/32/30223_2.png) [@TonyHorn](https://forum.defold.com/u/TonyHorn)\
**Post date:** [November 1, 2022, 12:06pm UTC](https://forum.defold.com/t/tilemap-to-png-solved/71985/8 "2022-11-01T12:06:01Z")

</div>

Thank you looks like what I looking for.
