首页 / JAVASCRIPT / Egret制作简单动画
Egret制作简单动画
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Egret制作简单动画,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1049字,纯文字阅读大概需要2分钟。
内容图文
![Egret制作简单动画](/upload/InfoBanner/zyjiaocheng/299/b9ccd78ea5b2481ab34046a5bdbfacee.jpg)
//这个动画是点击按钮飘一个心的帧动画
1.首先要准备动画,动画可以是gif也可以是swf
2.将准备好的gif或者swf拖入Egret的textureManage工具中,点击导出 会生成 xx.json和xx.png两个文件
3.将生成的文件加入到egret项目中(resource目录下新建xx文件夹放入上面生成的两个文件)
4.将上面的两个文件打包进default.res.json 文件中
5.在需要播放动画的地方编写如下代码
//jsonName 导出的json文件名
//pngName 导出的png文件名
//parent 动画需要添加的对象名
//x 动画的x值
//y 动画的y值
private playAction(jsonName:string,pngName:string,parent:any,x:number,y:number): void { var data = RES.getRes(jsonName); var txtr = RES.getRes(pngName); var mcFactory: egret.MovieClipDataFactory = new egret.MovieClipDataFactory(data, txtr); var mc1: egret.MovieClip = new egret.MovieClip(mcFactory.generateMovieClipData("xin")); parent.addChild(mc1); mc1.addEventListener(egret.Event.COMPLETE, (e: egret.Event) => { if (mc1) { mc1.parent.removeChild(mc1); } }, this); mc1.x = x; mc1.y = y; mc1.gotoAndPlay(0, 1); }
以上就是Egret 制作简单动画的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的Egret制作简单动画全部内容,希望文章能够帮你解决Egret制作简单动画所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。