Tiled Map Editor 地图编辑器(二)动画效果

阅读更多
这篇比较简单,前面已经将大部分功能介绍过了,这次补全前面提到的动画功能,其他进阶功能逐步再写。

前一篇教程传送门
http://happysoul.iteye.com/blog/2279627

首先先准备一张要使用的图片,也就是我们要用的含有动画的图。

Tiled Map Editor 地图编辑器(二)动画效果_第1张图片

创建一张地图(这个不用说了)然后是加入我们的图片素材

Tiled Map Editor 地图编辑器(二)动画效果_第2张图片

然后点选动画图片的第一帧(箭头所指向的地方)

Tiled Map Editor 地图编辑器(二)动画效果_第3张图片

注意此时我们看到的图片是普通被选中的状态
然后再工具栏选择 视图 - Tile Animation Editor

Tiled Map Editor 地图编辑器(二)动画效果_第4张图片

后面是这篇文字重点的部分,依次双击图块添加到左侧,左下角位置就能看到预览效果。
如果动画播放速度太快的话我们可以手动修改帧间隔时间,当前默认是100(也就是0.1秒)

Tiled Map Editor 地图编辑器(二)动画效果_第5张图片

点击Close关闭动画编辑框,然后再观察我们的图块

Tiled Map Editor 地图编辑器(二)动画效果_第6张图片

此时我们看到图块中我们在前面选择的图块变样了(类似影片一样的图)

当我们选择这个图块放置到地图中的时候直接就看得到一个漩涡在旋转了。
这个只要动手试一下就可以看到效果了,我就不截图了

其他动画我就不再一一演示了(岩浆效果、岩石被水冲刷的效果、海水效果)

好了本篇文章到这里就结束了,关于动画效果我们只是了解下就好,我们要等很久才能用到这个功能,不过说不好有些语言或者扩展已经支持了。
至少目前 cocos2d-x 3.10 没有支持这个动画效果。
如下图,虽说是静态图,可以说的是这里依旧是静止的图片,我们前面的动画效果没有展现出来,等cocos的支持了。。。

Tiled Map Editor 地图编辑器(二)动画效果_第7张图片

重要的地方要重点看
cocos论坛里写了 这个功能貌似要等到 4.x 的版本才能支持(貌似是图像渲染的问题)

移步这里看 http://discuss.cocos2d-x.org/t/tile-animations-support-from-tiled-map-editor-v0-10-0/17061

  • Tiled Map Editor 地图编辑器(二)动画效果_第8张图片
  • 大小: 264.6 KB
  • Tiled Map Editor 地图编辑器(二)动画效果_第9张图片
  • 大小: 127.1 KB
  • Tiled Map Editor 地图编辑器(二)动画效果_第10张图片
  • 大小: 130.6 KB
  • Tiled Map Editor 地图编辑器(二)动画效果_第11张图片
  • 大小: 38.6 KB
  • Tiled Map Editor 地图编辑器(二)动画效果_第12张图片
  • 大小: 269.7 KB
  • Tiled Map Editor 地图编辑器(二)动画效果_第13张图片
  • 大小: 129.7 KB
  • Tiled Map Editor 地图编辑器(二)动画效果_第14张图片
  • 大小: 49.9 KB
  • 查看图片附件

你可能感兴趣的:(Tiled,Map,Editor,TMX,动画,地图编辑器)