cocosCreator游戏实战之《炸弹人》（一）

首先，笔者先介绍一下这个游戏会用到的技术点：

1：使用Tiled Map，https://www.mapeditor.org/（大家可以从此链接下载，笔者版本为Tiled-1.2.4）制作大型瓦片地图，根据地图中的怪物对象层，玩家对象层，动态生成怪物和玩家。

2：碰撞检测，有地图边界、障碍物、以及玩家和怪物，炸弹爆炸后的火焰和怪物/玩家的碰撞检测。

3：摄像机功能，因为地图大小远大于游戏屏幕大小，所以一开始屏幕内并不会显示出整个地图。地图（视角）会随着玩家移动而移动，并且做了边界处理。

4：简单的怪物“智能移动AI”机制，怪物选择一个可以移动的方向移动，若其遇到障碍，则随机选择一个可以移动的方向移动。各个方向皆不能移动时，会开启定时器，每一段时间检测自身是否可以移动了。

5：好像没了。

那么开始，打开Tiled Map点击文件 -> 新建 -> 创建新地图，笔者随便创建了一个比较大的地图：

点击另存为到自己的creator项目下，笔者新建了一个map文件夹，将地图命名为map.tmx。此时地图编辑器界面应该差不多长这样：

进度条都已经拖到最右边了 / 最下边了。看起来地图都没有全部显示出来，不慌，把百分比调整到75%显示：

这下就显示全了：

接下来重命名块层1为floot，然后新建图块集，勾选嵌入地图，浏览图片文件，点击完成：

此时图块集里变成这样，鼠标选中小黄“地板”，选择填充，再点一下地图。

然后地图变成这样（当然，你也可以不填充，一点点自己搭建地图）：

类似的，再新建2个图层和图块集，分别是stone，box。

然后笔者随便点缀了一下地图，变成这样：

需要注意的是，当往地图里添加石头（stone）的时候，图层记得先选中stone，就像笔者上面的截图里一样。然后要加箱子时，图层先选中box，选中图层时，图层会有蓝条显示自己是“被选中状态”。

接下来，添加对象层monster、player。对象层是为了动态显示出怪物的位置、玩家位置的。和新建图层类似的地方，选择新建对象层。然后点击插入矩形。

再选几个自己看得顺眼的位置，随便点缀几下。

好了，接下来使用cocosCreator加载地图。新建一个渲染节点，选择tiled map。然后从资源里把地图拖拽到属性的空格里。

可以看到，地图比笔者的画布还要大。

运行一下，意料之中，显示不全。