tmx地圖編輯器(tIDE Tile Map Editor)

tIDE的介紹自己看就不說了，下面來創(chuàng)建第一張地圖，用于我們的TD游戲。

你現(xiàn)在需要一張這樣的tile圖片，來做完地圖的基本元件

在Explorer面板Map節(jié)點地下的Tile Sheets右鍵Add，然后瀏覽選擇上面的或者你自己的tile文件。

OK彈出Tile Sheet Properties對話框設置一下Tile Size讓Tile完美的切割。這里的值是60x60。

ok，然后會在Tile picher面板里就會出現(xiàn)一個個分割好的Tile。

有了這些tile的支持就可以在map上玩拼圖了。在map Explorer面板下的Map節(jié)點的Layers上右鍵Add，在彈出的Layer Properties設置地圖的大小Layer Size，因為我現(xiàn)在只打算做一個最簡單的也就是一屏幕而且不能拖動所以這里設置14x8 （800/60 x 480/60）,OK。

為了方便繪制在工具面板的右上角有一個顯示網(wǎng)格的按鈕，點下去它

右邊的繪圖工具欄上有一個很好使用的按鈕區(qū)域繪制，它能把選擇區(qū)域填充出當前選擇的tile，下面就先在tile Picker選擇一塊淺色的草地區(qū)域繪制到整個地圖。然后畫上我們的路。

Save as為 tmx類型的文件

中間如果出現(xiàn)警告確定就好了

這里出現(xiàn)了最關鍵的一步，這里一定要選Base64（gzip compressed）,ccx現(xiàn)在的版本還只支持這一種。

把生成的tmx文件以及tile圖片加入我們的項目中。

這里可能需要調(diào)整一下tmx文件中的Image source的路徑

在程序中顯示TMX地圖
先顯示出來看看努力的效果，之后再慢慢完善。

把GameScreen構(gòu)造函數(shù)中的說明Label刪除，添加CCTMXTiledMap

代碼很簡單如下

private GameScreen()
{
CCTMXTiledMap tmxmap = CCTMXTiledMap.tiledMapWithTMXFile("Map/Level1");
addChild(tmxmap);
}