tiledmap 图块属性_cocos2dx[3.4](25)——瓦片地图TiledMap

【唠叨】

还记得我们小时候玩的小霸王里面的游戏吗？大部分都是基于Tile地图的游戏，如坦克大战、冒险岛、魂斗罗、吞食天地等。而在手游中，基于瓦片地图的游戏也很常见。如：《保卫萝卜》。

瓦片地图有专门的地图编辑器：Tiled Map Editor。

先给大家看个酷炫的图吧。

【参考】

【代码实践】

瓦片地图的应用十分广泛，其知识点也非常丰富。

所以我建议在代码实践中，边写边学，并掌握其基本的用法。

然后再深入研究，效果更佳。

【瓦片地图——概念篇】

在看这部分的概念知识之前，首先保证你已经学习过上面代码实践中推荐的那篇教程。

因为接下来本文所要介绍的知识是：对瓦片地图基本概念的总结以及深化。

本文不再赘述地图编辑器如何使用，或是怎么将瓦片地图导入Cocos工程中使用，之类的问题。

1、地图格式

(1)支持 TMX文件格式 的瓦片地图。(这也是推荐使用的文件格式)

(2)建议瓦片的块大小为32 * 32的倍数。

2、地图方向

地图编辑器可以制作三类地图：普通地图(直90°) 、 斜45°地图 、 斜45°交错地图。

除此之外，而Cocos引擎还支持六边形地图。

(1)普通地图(直90°)

(2)斜45°地图

(3)斜45°交错地图

(4)支持六边形地图

3、瓦片地图坐标系

瓦片地图的坐标系为：

> 原点：在左上角。

> 单位：瓦片数量。

> X轴正方向：从左到右。

> Y轴正方向：从上到下。

例如：对于一个 10*10 的瓦片地图文件的坐标系统为：(0, 0)左上角、(9, 9)右下角。

PS：具体坐标表示，已在上面的几幅图中标出。

另外，在地图编辑器中，其实也已经标出了瓦片的坐标。

鼠标移动到某瓦片格子上，左下角就会显示格子的坐标，以及所使用的瓦片素材的GID(关于GID，后面会介绍)。

如下如所示，被选中瓦片格子的坐标为(2，3)，所使用的瓦片素材GID为29。

4、地图层(TMXLayer)

瓦片地图支持地图层(TMXLayer)、对象层(TMXObjectGroup)。

(1)每一个地图层可以被表示为TMXLayer类，并设置了名称。(如下图有三个地图层：Meta、Foreground、BackGround)。

(2)每一个单一的瓦片被表示为Sprite类，父节点为TMXLayer。

(3)每一个地图层只能由一套瓦片素材组成，否则会出问题。(如下面的右图所示，有两套瓦片素材(tile、meta)，但是一个地图层只能使用一套瓦片素材)。