主题 : 【爱上cocos2d-x之十八】Tiled瓦片地图编辑器的基本使用
级别: 侠客
可可豆: 296 CB
威望: 284 点
在线时间: 7(时)
发自: Web Page
【爱上cocos2d-x之十八】Tiled瓦片地图编辑器的基本使用&&&
Tield瓦片地图编辑器不但生成地图简单，还能灵活运用于cocos2d-x游戏引擎。编辑生成之后保存的TMX文件格式，被cocos2d-x支持。Tiled瓦片地图编辑器的下载地址：本篇所使用的是：Tiled 0.9.1 for Windows下载后直接安装就行，安装成功后，运行效果如下：
好的，废话不多说了，让我们来实战看看这款编辑器具体怎么使用吧。1. 使用编辑器编辑地图（1）新建一个地图工程，选择“文件-&新文件“
（2）在弹出的”新地图“对话框中设置地图的方向、层格式，以及地图大小和块大小。
（3）选择”地图-&新土块“导入图像文件，这里我们选择引擎自带的一个文件。如果你用的是cocos2d-x 2.2的话，          目录是：cocos2d-x2.2.2\samples\Cpp\TestCpp\Resources\TileMaps\tmw_desert_spacing.png
（4）在新弹出的”新图块“对话框中，选择”浏览“将图像文件引入进来，然后可以设置块大小、边距、绘制偏移。
（5）确定之后，我们就可以在右下角看到的土块，选择相应的土块就可以填充地图了。
（6）屏幕的右上角为图层编辑区域
（7）编辑完地图后，最后通过另存为保存TMX文件到指定的位置。
2. 添加对象层（1）Tiled编辑器还有一个很重要的功能，就是可以给地图添加对象层。单击新建层按钮可以选择”添加对象层“
（2）对象层中摆放对象的位置可以精确到像素，可以在对象层中加入图象和图形等。          下图是精灵层中可以使用的按钮。最右侧那个为添加按钮。
（3）选中对象右击可设置对象的属性
（4）修改对象的属性
3. Tiled瓦片地图编辑器的数据文件用文本编辑器打开Tiled编辑器生成的TMX文件，发现其类似XML文件&?xml version=&1.0& encoding=&UTF-8&?&&map version=&1.0& orientation=&orthogonal& width=&100& height=&100& tilewidth=&32& tileheight=&32&& &tileset firstgid=&1& name=&tmw_desert_spacing& tilewidth=&32& tileheight=&32&&  &image source=&F:/software/cocos2d-x-2.2.2/cocos2d-x-2.2.2/samples/Cpp/TestCpp/Resources/TileMaps/tmw_desert_spacing.png& width=&265& height=&199&/& &/tileset& &layer name=&块层 1& width=&100& height=&100&&  &data encoding=&base64& compression=&zlib&&   eJzt1bsJACAMBcAMYe/+W9pYiIidH/QOwhvgJSQC4A2pTjTJfXTDz0b7n7tkn1kfnOdfwJwbAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIC1CvBLAP4=  &/data& &/layer& &objectgroup name=&对象层 1& width=&100& height=&100&&  &object gid=&31& x=&601& y=&214&/& &/objectgroup&&/map&由此可见，这个文件存储了地图的基本信息以及层次信息。层次的信息使用base64方式编码，使用gazip方式压缩。因为cocos2d-x引擎中，提供了解码和解压缩的方式，所以在定义cocos2d-x中的瓦片地图时，传入数据的地址就可以了。[ 此帖被legendof-04-01 15:08重新编辑 ]
级别: 新手上路
UID: 539266
可可豆: 12 CB
威望: 8 点
在线时间: 14(时)
发自: Web Page
请问，瓦片地图如何处理折线对象？
级别: 新手上路
UID: 543177
可可豆: 35 CB
威望: 24 点
在线时间: 20(时)
发自: Web Page
还有更多的介绍么
关注本帖(如果有新回复会站内信通知您)
苹果公司现任CEO是谁？2字 正确答案:库克
发帖、回帖都会得到可观的积分奖励。
按"Ctrl+Enter"直接提交
关注CocoaChina
关注微信 每日推荐
扫一扫 浏览移动版1134人阅读
Tiled Map Editor（1）
这篇比较简单，前面已经将大部分功能介绍过了，这次补全前面提到的动画功能，其他进阶功能逐步再写。&
前一篇教程传送门&
首先先准备一张要使用的图片，也就是我们要用的含有动画的图。&
创建一张地图（这个不用说了）然后是加入我们的图片素材&
然后点选动画图片的第一帧（箭头所指向的地方）&
注意此时我们看到的图片是普通被选中的状态&
然后再工具栏选择 视图 - Tile Animation Editor&
后面是这篇文字重点的部分，依次双击图块添加到左侧，左下角位置就能看到预览效果。&
如果动画播放速度太快的话我们可以手动修改帧间隔时间，当前默认是100（也就是0.1秒）&
点击Close关闭动画编辑框，然后再观察我们的图块&
此时我们看到图块中我们在前面选择的图块变样了（类似影片一样的图）&
当我们选择这个图块放置到地图中的时候直接就看得到一个漩涡在旋转了。&
这个只要动手试一下就可以看到效果了，我就不截图了&
其他动画我就不再一一演示了（岩浆效果、岩石被水冲刷的效果、海水效果）&
好了本篇文章到这里就结束了，关于动画效果我们只是了解下就好，我们要等很久才能用到这个功能，不过说不好有些语言或者扩展已经支持了。&
至少目前 cocos2d-x 3.10 没有支持这个动画效果。&
如下图，虽说是静态图，可以说的是这里依旧是静止的图片，我们前面的动画效果没有展现出来，等cocos的支持了。。。&
重要的地方要重点看&
cocos论坛里写了 这个功能貌似要等到 4.x 的版本才能支持（貌似是图像渲染的问题）&
移步这里看&
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：4377次
排名：千里之外安全检查中...
请打开浏览器的javascript，然后刷新浏览器
< 浏览器安全检查中...
还剩 5 秒&Tiled怎么使用 Tiled Map Editor瓦片地图编辑器使用教程
作者：佚名
字体：[ ] 来源：互联网 时间：01-05 14:39:21
Tiled 地图编辑器是一种用于通用目的的编辑器，可以用来创建2D和2.5D的地图。特点是比较好用，风格类似mini版的Photoshop
Tiled 地图编辑器是一种用于通用目的的编辑器，可以用来创建2D和2.5D的地图。特点是比较好用，风格类似mini版的Photoshop。它可以用于制作多种类型的游戏引擎需要，而且支持使用插件读写map、增加用于引擎的map格式。最重要的开源，且有中文版!
软件名称：地图编辑器(Tiled) 0.10.2 中文免费安装版软件大小：12.9MB更新时间：
瓦片地图编辑器Tiled Map Editor制作并保存为TMX格式的地图。只有瓦片是不够的。将瓦片组织成一张大型的地图，甚至是世界级的地图，无论是使用代码编码，还是编辑为地图文件，都是一件令人生畏的事情。所幸我们已经不再活在纯命令行的时代了，我们可以借助图形化的编辑器来完成地图的编辑操作
&#65279;1、界面认识：
中文版的，我就不多介绍了吧....就说下怎么创建一张地图，然后我们再在程序里面，怎么使用它...
第一步：点新建
第二步：地图-&新建块
第三步：创建层，我这里创建了三个层...你也可以不创建，就使用默认那个层，然后将图块区域中的图块去填充你左边的地图..
第四步：填充...将对应的物品添加到对应的层上...图说明
第五步：导出.tmx文件&& 文件-另存为：命名& 确认&& ok ...
第六步：程序实现...& 将.tmx和图块元素.png 都放到你新建的工程目录下面
第七步：运行啦~&& 哈哈&&
哈哈~& 还是蛮漂亮的~& 我喜欢....&昨天晚上我还特地下了一个盛大的pc泡泡堂玩，心理特别舒服，看到可爱的小人物...
大家感兴趣的内容
12345678910
最近更新的内容}