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/