wp7使用Cocos2d-X for XNA制作一個塔防類游戲 (二)在游戲中加入地圖和怪物。(上)


地圖編輯器的使用

首先先來介紹一下使用地圖編輯器tIDE Tile Map Editor來生成TMX文件。tIDE Tile Map Editor的下載地址  http://tide.codeplex.com/

tIDE的介紹自己看就不說了,下面來創建第一張地圖,用於我們的TD游戲。

你現在需要一張這樣的tile圖片,來做完地圖的基本元件

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

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


ok,然后會在Tile picher面板里就會出現一個個分割好的Tile。

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

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


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

Save as為 tmx類型的文件

中間如果出現警告確定就好了

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

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


這里可能需要調整一下tmx文件中的Image source的路徑

在程序中顯示TMX地圖

先顯示出來看看努力的效果,之后再慢慢完善。

把GameScreen構造函數中的說明Label刪除,添加CCTMXTiledMap

代碼很簡單如下

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


運行效果圖如下

想要呀想要呀,擼妹呀800,擼妹呀。

 沒寫完待續。。。。。圖實在太多了分頁

 tIDE Tile Map Editor的下載地址  http://tide.codeplex.com/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM