[Cocos2d-Js基础教学5资源打包工具的使用及资源的异步加载处理.docxVIP

【Cocos2d-Js基础教学（5）资源打包工具的使用及资源的异步加载处理】TexturePacker是纹理资源打包工具，支持Cocos2dx的游戏资源打包。如果用过的同学可以直接看下面的资源的异步加载处理首先为什么用TexturePacker？1，节省图片资源实际大小2，减少我们游戏中大量资源带来的内存负荷3，方便游戏对纹理资源的内存管理游戏开发到后期，我们或许都会遇到的瓶颈就是需要对游戏包进行“瘦身”和内存优化。那么使用TexturePacker就能达到我们的目的；我们以一组技能特效图片来举例，进行TexturePacker的图片打包，然后在程序中使用：我们对这些文件进行打包成一张大图.png和cocos2dx-JS中会使用到的.plist文件打包注意一下几点：1，文件格式，选择cocos2d2，设置导出文件的plist和png路径3，图片格式，一般使用RGBA8888，但根据平台需求现在也可以导出Pvr格式图片类型；?使用：1）Textuer Format 选择Pvr图片类型 2）Image Format 选择 PVRCT4?这种类型的；可大大节省图片的大小！4，每张大图的png尺寸一定不能大于2048*2048！因为目前比较低端的android手机是不支持加载这么大的图片的！所以我们的游戏要被大部分机型适配，那就最好不要用太大的图片包?OK。我们打包完成后将文件拷贝到我们的Gofinght目录中，继续我们上一节知识点开始写我们这节知识点的代码：我们需要实现图片资源的加载！这个是我们的目的。那么我们就需要书写一个GameFrameCache.js的类，来单独处理我们的图片资源加载；GameFrameCache.js：/** * Created by yangshengjiepro on 15/5/11. *//** * 游戏资源加载处理 */var GameFrameCache = function () { this.flag = 0;}var LOADINGBARPROALLNUM=0;//异步加载GameFrameCache.setAllCache = function (obj,objcallback) { //异步加载所有游戏资源 var texCache = cc.textureCache; //遍历所有的资源 var reslist = res; var allnum = 0; for (var key = 0 in reslist) { Mlog.c(reslist key+key+value:+reslist[key]); allnum++; } LOADINGBARPROALLNUM = allnum; Mlog.c(LOADINGBARPROALLNUM,LOADINGBARPROALLNUM); var readnum = 0; for (var key = 0 in reslist) { //开始装载 texCache.addImageAsync(reslist[key], objcallback, obj); }};//资源加载GameFrameCache.setCache = function (plist) { if (jsb.fileUtils.isFileExist(plist) == true) { cc.SpriteFrameCache.getInstance().addSpriteFrames(plist); } else { Mlog.c(No Add File,plist); }};//获取FrameGameFrameCache.getCache = function (name) { var frame; frame = cc.SpriteFrameCache.getInstance().getSpriteFrame(name); return frame;};//移除PlistGameFrameCache.removeCache = function(plist){ if (jsb.fileUtils.isFileExist(plist) == true) { cc.SpriteFrameCache.getInstance().removeSpriteFramesFromFile(plist); }}代码中有三个方法：GameFrameCache.setCacheGameFrameCache.getCacheGameFrameCache.removeCache 顾名思义就是，添加，获取，和删除添加一张大图资源方法： cc.SpriteFrameCache.getInstance().addSpriteFrames(plist);我们知道SpriteFrameCache可以