地圖編輯器Tiled Map Editor for mac

Tiled Map Editor 一個(gè)很不錯(cuò)的地圖編輯工具，能方便的創(chuàng)建地圖，并應(yīng)用到你的iOS開發(fā)中。Tiled 地圖編輯器是一種用于通用目的的編輯器。特點(diǎn)是比較好用，風(fēng)格類似mini版的photoshop。它可以用于制作多種類型的游戲引擎需要，而且支持使用插件讀寫map、增加用于引擎的map格式。

Make a Map with Tiled

cocos2d-x支持用開源的Tile Map Editor創(chuàng)建的地圖，保存為TMX格式。

如果你沒有這個(gè)工具，可以通過上面的鏈接去下載，此時(shí)最新版是0.10.2.

打開Tiled,文件\新文件,將會(huì)出現(xiàn)下面的對(duì)話框：

各個(gè)參數(shù)都保持默認(rèn)，然后點(diǎn)擊OK。

接著，就要繪畫地圖，所以要添加圖塊集合，在菜單欄上選擇地圖\新圖塊，然后按照下面填寫內(nèi)容：

為了得到圖像，只需要點(diǎn)擊瀏覽，然后到MyTileGame/Resources/TileGameResources文件件下，選擇tmw_desert_spacing.png文件，然后就會(huì)自動(dòng)幫你填好上面的名稱。

你可以將寬度和高度設(shè)為32x32,因?yàn)檫@是圖塊的尺寸。至于邊距和間距的意思：

邊距 是當(dāng)前圖塊在搜索實(shí)際像素前，應(yīng)該跳多少像素(適用于寬度和高度)。

間距 是在讀取實(shí)際像素后得到下一個(gè)圖塊的數(shù)據(jù)，圖塊應(yīng)該前進(jìn)多少像素(適用于寬度和高度)。

如果你看一下tmw_desert_spacing.png，你就會(huì)看到每一圖塊周圍都有1像素的黑色邊框，這就解釋了邊距和間距設(shè)置為1。

點(diǎn)擊OK，就會(huì)看到這些圖塊顯示在圖塊窗口，現(xiàn)在可以開始畫了！簡(jiǎn)單的點(diǎn)擊一下工具欄上的圖章刷，然后點(diǎn)擊一個(gè)圖塊，點(diǎn)擊地圖上的任意一個(gè)地方放上圖塊。

So,來(lái)畫一個(gè)DIY的地圖，確保至少要添加一些建筑物，因?yàn)楹竺嬉�用�?lái)做碰撞。

這里我就隨便畫了.....

為了畫起來(lái)更方便，你可以看一下這些快捷鍵，下面是一些常用的：

你可以在圖塊選擇器中拖動(dòng)一個(gè)框系列的圖塊，能夠同時(shí)放下多個(gè)相鄰的圖塊

你可以用工具欄上的填充工具，填充一塊區(qū)域

你可用視圖中的放大和縮小工具

在你用圖章刷工具編輯地圖時(shí)，可用z鍵來(lái)旋轉(zhuǎn)圖塊

你也許已經(jīng)注意到在迷你地圖中有一些新的功能，很不錯(cuò)的功能，讓你能看迷你的地圖。

來(lái)看一下在迷你地圖的下面我嘗試做的簡(jiǎn)單迷宮。紅色的方框表示你在主編輯窗口能看到的地圖。

當(dāng)你要滾動(dòng)區(qū)域的時(shí)候，記得用這個(gè)迷你地圖功能。

注意，本教程的資源來(lái)自上述地圖預(yù)先制作——可以免費(fèi)使用，如果你懶得自己做。如果你要自己做，你應(yīng)該在Tiled中打開地圖，看一下它是怎樣建立起來(lái)的。

畫完地圖后，雙擊圖層窗口中得塊層1，改名為Background.然后點(diǎn)文件\保存,保存到游戲工程的MyTileGame\Resources\TileGameResourcese目錄，然后命名為TileMap.tmx,覆蓋以前存在的那個(gè)文件。

以后你將要用Tiled做更多的東西，現(xiàn)在先讓這張地圖進(jìn)入游戲。