本节学习了cocos的资源加载,这次更改了CCLoaderScene里的代码(也可以在自己新建一个类定义载入界面,这里为了方便起见)，将载入界面的外观进行了修改，并且在此基础上实施了纹理的添加cc.textureCache.addImage()和删除纹理cc.textureCache.dumpCachedTextureInfo()。下边是CCLoaderScene里的部分代码：
首先是init()函数：
init : function(){
var self = this;
//logo
var logoWidth = 160;
var logoHeight = 200;
// bg
var bgLayer = self._bgLayer = new cc.LayerColor(cc.color(199,21,133,255));
self.addChild(bgLayer,0);
var size = cc.winSize;
//image move to CCSceneFile.js
var fontSize = 24,lblHeight = -logoHeight / 2 + 100;
if(cc._loaderImage){//这个图片在Base64Image中保存，我们可以替换
//loading logo
cc.loader.loadImg(cc._loaderImage,{isCrossOrigin : false },function(err,img){
logoWidth = img.width;
logoHeight = img.height;
self._initStage(img,cc.visibleRect.center);
});
fontSize = 14;
lblHeight = -logoHeight / 2 - 10;
}
//loading percent加载进度
var label = self._label = new cc.LabelTTF("Loading... 0%","Arial",fontSize);
label.setPosition(cc.pAdd(cc.visibleRect.center,cc.p(0,lblHeight)));
label.setColor(cc.color(180,180,180));
bgLayer.addChild(this._label,10);
cc.textureCache.addImage("res/32636-4.png");
cc.textureCache.dumpCachedTextureInfo();
var mylogo = cc.textureCache.getTextureForKey("res/32636-4.png");
cc.log("成功加载loading界面的32636-4.png图片");
var sp = new cc.Sprite(mylogo);
sp.setPosition(size.width/2,300);
this.addChild(sp);
sp.setTag(100);
return true;
}
我们可以通过更改Base64Image里边的代码来修改载入界面的背景图。同样onEnter和onExit方法也如下：
onEnter: function () {
var self = this;
cc.Node.prototype.onEnter.call(self);
self.schedule(self._startLoading,0.3);
},
/**
* custom onExit
*/
onExit: function () {
cc.Node.prototype.onExit.call(this);
var tmpStr = "Loading... 0%";
this._label.setString(tmpStr);
cc.textureCache.removeAllTextures();
cc.textureCache.dumpCachedTextureInfo();
cc.log("加载结束,清除所有纹理");
},
在帧结束时，清理纹理。
作业传送门：
http://www.cocoscvp.com/usercode/2016_05_22/9a01ae13cb017dab984dba22839e8d1873be4fa9/
