cocos2d-x系列笔记(6)---加载一张地图

上一篇我们讲述了如何点击屏幕,并让精灵向点击的目标点移动.这一次,我们来讲讲,如何在游戏中加载一张地图.

首先我们来认识一款非常流行的地图编辑器Tiledcocos2d-x系列笔记(6)---加载一张地图_第1张图片

窗口左侧是主编辑区,右侧上方可以对地图上的图层,对象管理,还可以浏览迷你地图,右侧下方可以加载纹理资源,并按照设定尺寸切割成图块.

首先我们点击新地图按钮创建一张新地图.点击新地图后会弹出对话框来设定地图的一些参数cocos2d-x系列笔记(6)---加载一张地图_第2张图片

这里我们设地图的方向为正常方向,还可以设置45度的倾斜视角方向.地图尺寸是以图块为单位,我们设置宽15块,高10块,这样地图实际大小是480*320象素,同我们的程序窗口大小相同.每个块的尺寸为高\宽都为32象素.确定后,就形成了一副空的地图

cocos2d-x系列笔记(6)---加载一张地图_第3张图片

首先我们把地图的默认图层改名为backgroundcocos2d-x系列笔记(6)---加载一张地图_第4张图片

接下来我们点击菜单->地图->新图块 导入一副资源图cocos2d-x系列笔记(6)---加载一张地图_第5张图片

剩下的工作很简单,我们来画一副地图吧cocos2d-x系列笔记(6)---加载一张地图_第6张图片

最后保存地图,地图资源以tmx扩展名保存.我们将地图保存为testmap.tmx

地图建立好了。接下来我们来看看在cocos2dx中如何使用tmx地图.

cocos2dx对tmx已经进行了全面的支持,使用起来也很方便.

我们在Scene中增加加载地图代码.

CCTMXTiledMap *map = CCTMXTiledMap::create("testmap.tmx");
this->addChild(map);
我们在Tiled上设计的地图就被加载到程序中了。

cocos2d-x系列笔记(6)---加载一张地图_第7张图片



你可能感兴趣的:(cocos2d-x)