cocos2dx进阶学习之瓦片地图编辑器

时间:2022-03-19 21:10:24

之前学习了瓦片地图类,现在我们来学习下瓦片地图制作工具

cocos2dx进阶学习之瓦片地图编辑器

这个是开源的工具,可以从网上下载,下面我们演示下怎么做地图

步骤1

将需要用到的图片放到一个目录下,比如我机器上就是d:\tiled,这些图片是基础纹理

步骤2

打开软件创建一个新的文件

cocos2dx进阶学习之瓦片地图编辑器

步骤3

设置格式,我这里没做设置,按照默认继续

cocos2dx进阶学习之瓦片地图编辑器

步骤4

将新的tmx地图另存到图块目录

cocos2dx进阶学习之瓦片地图编辑器

步骤5

将图块加入

cocos2dx进阶学习之瓦片地图编辑器

cocos2dx进阶学习之瓦片地图编辑器

完成之后,在右下角就会看到这个图块的内容

cocos2dx进阶学习之瓦片地图编辑器

步骤6

增加图层

cocos2dx进阶学习之瓦片地图编辑器

cocos2dx进阶学习之瓦片地图编辑器

增加完图层之后,修改图层名字

步骤7

在层中增加瓦片,做法是,用鼠标在图块中选取瓦片,然后在需要放置瓦片的地方点就行了

cocos2dx进阶学习之瓦片地图编辑器

步骤8

保存文件即可

步骤9

将图片和tmx瓦片地图拷贝到工程资源目录,即可使用