欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2024-01-29 21:27:46
...
这篇比较简单,前面已经将大部分功能介绍过了,这次补全前面提到的动画功能,其他进阶功能逐步再写。

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

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

Tiled Map Editor 地图编辑器(二)动画效果
            
    
    博客分类: Tiled Map Editor Tiled Map EditorTMX动画地图编辑器 

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

Tiled Map Editor 地图编辑器(二)动画效果
            
    
    博客分类: Tiled Map Editor Tiled Map EditorTMX动画地图编辑器 

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

Tiled Map Editor 地图编辑器(二)动画效果
            
    
    博客分类: Tiled Map Editor Tiled Map EditorTMX动画地图编辑器 

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

Tiled Map Editor 地图编辑器(二)动画效果
            
    
    博客分类: Tiled Map Editor Tiled Map EditorTMX动画地图编辑器 

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

Tiled Map Editor 地图编辑器(二)动画效果
            
    
    博客分类: Tiled Map Editor Tiled Map EditorTMX动画地图编辑器 

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

Tiled Map Editor 地图编辑器(二)动画效果
            
    
    博客分类: Tiled Map Editor Tiled Map EditorTMX动画地图编辑器 

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

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

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

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

Tiled Map Editor 地图编辑器(二)动画效果
            
    
    博客分类: Tiled Map Editor Tiled Map EditorTMX动画地图编辑器 

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

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

  • Tiled Map Editor 地图编辑器(二)动画效果
            
    
    博客分类: Tiled Map Editor Tiled Map EditorTMX动画地图编辑器 
  • 大小: 264.6 KB
  • Tiled Map Editor 地图编辑器(二)动画效果
            
    
    博客分类: Tiled Map Editor Tiled Map EditorTMX动画地图编辑器 
  • 大小: 127.1 KB
  • Tiled Map Editor 地图编辑器(二)动画效果
            
    
    博客分类: Tiled Map Editor Tiled Map EditorTMX动画地图编辑器 
  • 大小: 130.6 KB
  • Tiled Map Editor 地图编辑器(二)动画效果
            
    
    博客分类: Tiled Map Editor Tiled Map EditorTMX动画地图编辑器 
  • 大小: 38.6 KB
  • Tiled Map Editor 地图编辑器(二)动画效果
            
    
    博客分类: Tiled Map Editor Tiled Map EditorTMX动画地图编辑器 
  • 大小: 269.7 KB
  • Tiled Map Editor 地图编辑器(二)动画效果
            
    
    博客分类: Tiled Map Editor Tiled Map EditorTMX动画地图编辑器 
  • 大小: 129.7 KB
  • Tiled Map Editor 地图编辑器(二)动画效果
            
    
    博客分类: Tiled Map Editor Tiled Map EditorTMX动画地图编辑器 
  • 大小: 49.9 KB