从零开始实现自己的Kalimba——Cocos Creator新手教程系列(一)使用瓦片图Tiledmap设计游戏地图

瓦片图Tiledmap可能是很多2d游戏开发者的偏爱,本节就Cocos Creator如何使用瓦片图进行详细的讲解。

Tiled地图编辑器的下载安装不再赘述。下面介绍如何使用地图编辑器。


创建新地图。地图方向选正常。其中45度和等角(交错)适合梦幻西游、红警视角的游戏,不同之处在于45度是正常地图旋转45度,整个地图是斜矩形;等角(交错)整个地图是正矩形,但每个格子是斜45度的。六角(交错)适合文明视角游戏。

图块渲染顺序并不会对接下来的开发造成影响,随便选。

地图大小一定要选Fixed,目前Infinite类型的地图Cocos Creator并不支持。这里填写的宽高是块数,每一块的大小在右边决定,一般是32像素为一块。

新建一个新图块。图块是构成Tiledmap的素材来源,在这里我选择一张png图片作为地图的素材来源。


新建图层。类似于PS,尽量每层只做一件事。这里简单讲下图层的类型。Tiledmap主要是图块层和对象层,图块层只具有层级属性,只能获取到这层的某个位置是否有块,但并不能对块之间进行区分。所以比较适合没有块级特殊属性的物体,比如放背景,放障碍物方块等等。对象层里可以添加大小形状不一的对象,而且可以给每个对象赋特殊的属性,所以比较适合终点起点检查点这类有附加属性的物体。


选中background层,在图块窗口选中所有背景部分,在主窗体就可以点击放在该层上。这层只是背景显示,所以不作其他处理。

扫描二维码关注公众号,回复: 1979194 查看本文章

选中blackWaters层,在图块窗口选择一个png中的黑色块,在主窗体涂抹就可以显示在上面。类似的把其它层也搞定。

选中players对象层,在工具栏点“插入图块”图标,再类似前面的做法,在图块窗口选择某部分,在主窗体就可以放置一个对象。如果需要对齐网格可以按住CTRL。


此时我们就在players层创建了一个对象。左侧属性栏可以添加一些自定义属性,后面可以在Cocos Creator里读到。CocosCreator读取图像层有两种方法,一种是根据对象名读取,一种是全部读取,所以对于起点我命名startPoint,对于检查点我放到checkPoints对象层而未命名。


如果该对象需要定义些动态属性在Cocos Creator里读取,可以在自定义属性里添加。

这样瓦片图部分就设计完成了,下一节会介绍如何在Cocos Creator里读取瓦片图。


猜你喜欢

转载自blog.csdn.net/renwenhao123456/article/details/80954121