[Egret学习笔记 二]MovieClip的使用
使用一個MovieClip需要兩個文件,1紋理,2JSON文件
1.借助Egret榮譽出品 Texture Merger 工具。此時我使用的是一個Gif圖片,工具則會導(dǎo)出一張合并序列圖的圖片和對應(yīng)配置的JSON文件。
(JSON文件實際是一個描述該合并序列圖的配置文件)
序列圖:
2.{"mc":{
"attack":{ ?//attack 該movieClip的名字
"frameRate":60,
"frames":[
{
"res":"D4F31F9C",
"x":0,
"y":1,
"duration":5
},
{
"res":"7370925C",
"x":17,
"y":0,
"duration":7
},
{
"res":"C5D7EC06",
"x":17,
"y":13,
"duration":5
},
{
"res":"5B19C3D2",
"x":17,
"y":13,
"duration":5
}
]
}},
"res":{
"D4F31F9C":{"x":1,"y":220,"w":109,"h":96},
"7370925C":{"x":1,"y":1,"w":170,"h":114},
"C5D7EC06":{"x":1,"y":117,"w":166,"h":101},
"5B19C3D2":{"x":112,"y":220,"w":101,"h":100}
}}
3.在加載配置聲明?
{"name":"kongming_img","type":"image","url":"assets/roles/kongming.png"},
{"name":"kongming_json","type":"json","url":"assets/roles/kongming.json"}
并且建立一個Group
{"name":"kongming","keys":"kongming_img,kongming_json"}
4.?加載config和加載group
? RES.addEventListener(RES.ResourceEvent.CONFIG_COMPLETE, this.onConfigComplete, this);
? RES.loadConfig("resource/resource.json", "resource/");
? RES.removeEventListener(RES.ResourceEvent.CONFIG_COMPLETE, this.onConfigComplete, this);
? RES.addEventListener(RES.ResourceEvent.GROUP_COMPLETE, this.onResourceLoadComplete, this);
? RES.loadGroup("kongming");
5.代碼實現(xiàn)
var kongmingJson = RES.getRes("kongming_json");
? ? ? ? var kongmingImg = RES.getRes("kongming_img");
? ? ? ? var mcFactory = new egret.MovieClipDataFactory(kongmingJson,kongmingImg);
? ? ? ? var kongmingMC = new egret.MovieClip(mcFactory.generateMovieClipData());
? ? ? ? this.addChild(kongmingMC);
? ? ? ? kongmingMC.gotoAndPlay(0,999999);
總結(jié)
以上是生活随笔為你收集整理的[Egret学习笔记 二]MovieClip的使用的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: CDA-分角色用户查询
- 下一篇: xhr下载MP4