【咸鱼教程】TextureMerger1.6.6 一:Egret MovieClip的制作和使用

几个月没写代码了。然后突然用到TextureMerger,发现不会用序列图做动画了。。。

于是写下过程,以防忘记...

MovieClip主要是用于游戏中的动画制作和播放。支持swf、gif、序列图等。

目录:

一 swf制作MovieClip

二 gif制作MoveliClip

三 序列图制作MovieClip

素材包: <ignore_js_op> Desktop.rar (307.14 KB, 下载次数: 15)

一 swf制作MovieClip

1 打开TextureMerger,选择Egret MovieClip

2 Egret MovieClip制作界面说明

新建项目:新建一个Egret MovieClip项目

打开项目:打开一个.tmc文件

保存项目:项目会保存为一个后缀为.tmc的文件

创建动画:在当前项目下创建一个动画,通常用于自定义动画使用,比如使用多张序列图制作动画,并自定义动作action。

创建转换动画:直接使用gif或swf创建动画

导出:将动画导出为json+png,以备在egret中加载使用

附加拓展名:这里无效,对movieClip无效的

布局:图片的摆放位置布局 (这里选择布局后,可直观的在右边看到图片是怎么摆放的)

画布:Power2合适的2的幂的尺寸,FreeSize合适的自由尺寸。百度为什么需要2的N次幂。

间隙:图片与图片之间的间隙。感觉没什么大用,就是图片分得开点,好辨认...

3 新建项目,取名为walk

4 用Flash制作swf(不会Flash?那帮不了你)

我这里用Flash制作了一个loli行走的动画。分别为正面行走和向右行走,并增加标签"front"和"right"。导出swf为walk.swf。

PS:Flash的动画必须在主舞台的时间轴制作。如果制作在影片剪辑里再放到舞台,那么TextureMerger无法使用,只会导出一帧。

5 创建转换动画

点击创建转换动画,选择准备好的walk.swf

导入后,可以看到有了一个名为walk的动画,该动画有2个action,分别是"front"和"right"。

没错,action就是flash里定义的标签。

可以选择"front"后的 <ignore_js_op> 按钮预览动画效果。

6 导出movieclip

选择导出

选择缩放比例

选择保存位置,保存为walk

最终导出了一个walk.json和walk.png文件

7 将json和png放到egret资源目录下

8 在代码中使用MovieClip
官网使用代码示例

首先加载walk_json和walk_png到影片剪辑工厂

然后生成一个walk影片剪辑

最后将影片剪辑添加到舞台,并且循环播放right动作

运行效果

二 Gif制作MovieClip

和swf同理。只是文件不同...

三 序列图制作MovieClip

序列图4张如下  (如果是一整张的序列图,此方法无效)

1 选择创建动画

命名动画为walk,24帧

2 walk动画上右键,选择添加动作

动作名为walk_front

3 动作walk_front上右键,选择添加帧

选择刚才的4张序列图添加进去

动作添加完毕

然后可以继续添加动作,添加帧...

之后导出和使用流程同第一种方法,就不再赘述了。{:6_108:}

原文地址:https://www.cnblogs.com/gamedaybyday/p/9219895.html

时间: 2024-08-12 14:36:21

【咸鱼教程】TextureMerger1.6.6 一:Egret MovieClip的制作和使用的相关文章

【REACT NATIVE 系列教程之十三】利用LISTVIEW与TEXTINPUT制作聊天/对话框&&获取组件实例常用的两种方式

本站文章均为 李华明Himi 原创,转载务必在明显处注明: 转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/react-native/2346.html 本篇Himi来利用ListView和TextInput这两种组件实现对话.聊天框. 首先需要准备的有几点:(组件的学习就不赘述了,简单且官方有文档) 1. 学习下 ListView: 官方示例:http://reactnative.cn/docs/0.27/tutorial.html#content

ArcGIS for Desktop入门教程_第六章_用ArcMap制作地图 - ArcGIS知乎-新一代ArcGIS问答社区

原文:ArcGIS for Desktop入门教程_第六章_用ArcMap制作地图 - ArcGIS知乎-新一代ArcGIS问答社区 1 用ArcMap制作地图 作为ArcGIS for Desktop的组成部分之一,ArcMap用于数据的浏览.编辑.显示.查询.地图排版等.ArcMap和ArcCatalog一起构成了完整的数据处理与管理分析的功能.在前一章中已经介绍了ArcCatalog的使用,本章中将介绍ArcMap的使用.本章的例子依然使用第4章里的小区平面图示例,但是将从原理的角度做更加

【咸鱼教程】Egret实现摇一摇功能

教程目录一 实现原理二 代码三 Demo下载 一 实现原理监听设备旋转角度的变化,来判断用户是否摇动手机. 参考:智能手机里陀螺仪和重力感应有何区别?HTML5实现摇一摇的功能Egret官方陀螺仪教程 二 代码摇一摇工具类ShakeTool使用范例 [Actionscript3] 纯文本查看 复制代码 ? 01 02 03 04 05 06 07 08 09 10 11 12 13 14 private shakeTest(){         this.shakeTool = new Shak

【咸鱼教程】Egret可长按识别二维码(精确位置和大小)

教程目录一 实现原理二 实现过程三 Demo下载 本教程是在Egret中实现长按识别的二维码,并可以精确定位二维码的位置和大小,支持横屏和竖屏. 一 实现原理 微信中长按识别二维码,需要长按jpg或png等图片上,才会调起识别. 因为egret中的二维码,是绘制在canvas上的,故不能被长按识别. 所以为了解决这个问题,需要在canvas上覆盖一个二维码<img>标签, 达到可以长按识别的需求. 二 实现过程 1 在index.html中为div增加id = gameDiv,以备在egret

【咸鱼教程】TextureMerger1.6.6 二:Sprite Sheet的制作和使用

Sprite Sheet主要用于将零碎的小图合并成一张整图.减少加载图片时http的请求次数. 1 打开TextureMerger,选择Sprite Sheet 2  添加纹理(未创建项目时,会先弹出一个新建项目,任意取名创建一个项目就行) 选择4张图 图片添加到了项目中附加拓展名:自动在图片名后增加"_png".布局:调整纹理合集图片的位置,选择后可直接在右边看到效果画布:Power2:百度2的N次幂...  FreeSize自动合适大小间隙:图片间隔大一些,看得清楚... 3 导出

【咸鱼教程】TextureMerger1.6.6 三:Bitmap Font的制作和使用

BitmapFont主要用于特殊字体在游戏中的使用 目录 一 方法1:添加字符      适合一张一张的零碎图片来制作位图字体 二 方法2:系统字体      适合使用已安装的系统字体来制作位图字体 三 方法3:字体纹理集   适合美术提供的整张图字体来制作位图字体 打开TextureMerger,选择BitmapFont 一 方法1: 添加字符 (序列图制作位图字体) 选择0 1 2 字体图片 记得去掉附加拓展名的勾.因为左侧的命名和右侧的图片是对应关系,命名"0"就代表了图片0.

【咸鱼教程】实战微信分享、图片、录音等接口使用

教程目录一 微信测试号申请二 微信php后台搭建三 微信测试号设置四 微信客户端接口使用五 Egret微信第三方库使用六 源码下载 一 微信测试号申请个人开发者没有号,所以只能用测试号来实现,不过不用担心,客户端的代码使用起来和真实的公众号是一样的. 首先到微信公众平台开发者文档去申请测试号:http://mp.weixin.qq.com/wiki/home/index.html 点击登录 用你的微信扫一扫 好了,我们已经有了测试号了 二 微信php后台搭建 微信官方提供了一个demo,我们可以

【咸鱼教程】protobuf在websocket通讯中的使用

教程目录一 protobuf简介二 使用protobuf三 Demo下载 一 protobuf简介百度百科:protocolbuffer(以下简称PB)是google 的一种数据交换的格式,它独立于语言,独立于平台.google 提供了多种语言的实现:java.c#.c++.go 和 python,每一种实现都包含了相应语言的编译器以及库文件.由于它是一种二进制的格式,比使用xml 进行数据交换快许多.可以把它用于分布式应用之间的数据通信或者异构环境下的数据交换.作为一种效率和兼容性都很优秀的二

【咸鱼教程】基于系统时间的计时器DateTimer(不受FPS影响)

教程目录一 计时器简介二 计时器实现三 Demo下载 一 计时器简介在手机上跑游戏时,可能由于运动物体过多,导致帧频太低,计时不准确.比如一些倒计时的游戏,可能倒计时30s,变成了35s.比如iphone运行流畅游戏倒计时60s,实际耗时60s,而android有点儿慢,倒计时60s,实际耗时70s.比如一些物体运动,每帧移动1像素,60fps,移动60像素,由于卡顿,帧频降低到40fps,那么实际这个物体只移动了40像素.比如在unity中,有两种帧环FixedUpdate跟Update,Up