在做游戏的项目中,发现游戏图片未下载下来,或者正在下载中,显示为白色。
查看了引擎源码,在CCSprite.js中的setTexture函数中 分析一下
1、如果纹理不存在就在设置渲染命令中的纹理为空
2、如果能找到纹理的名字,就添加到纹理缓存里面,
3、根据纹理是否加载来处理,如果纹理竞价加载,那就直接设置纹理到渲染命令中,如果纹理未加载,就设置渲染命令中的纹理为空,就是
this._renderCmd._setTexture(null);这句,然后监听纹理加载事件,加载完毕重新设置纹理。
setTexture:function (texture) {
if(!texture)
returnthis._renderCmd._setTexture(null);
//CCSprite.cpp 327 and 338
var isFileName = cc.isString(texture);
if(isFileName)
texture =cc.textureCache.addImage(texture);
if(texture._textureLoaded){
this._setTexture(texture,isFileName);
this.setColor(this._realColor);
this._textureLoaded = true;
}else{
this._renderCmd._setTexture(null);
texture.addEventListener("load",function(){
this._setTexture(texture,isFileName);
this.setColor(this._realColor);
this._textureLoaded = true;
},this);
}
},
2、
因为如果把纹理设置为空,会运行,_updateBlendFunc(),其中如果纹理不存在,就会把
blendFunc.src= cc.SRC_ALPHA;并且在渲染的时候会根据这个值来渲染,就会表现为白色
proto._updateBlendFunc= function () {
if (this._batchNode) {
cc.log(cc._LogInfos.Sprite__updateBlendFunc);
return;
}
// it's possible to have an untexturedsprite
var node = this._node,
blendFunc = node._blendFunc;
if (!node._texture ||!node._texture.hasPremultipliedAlpha()) {
if (blendFunc.src === cc.ONE&& blendFunc.dst === cc.BLEND_DST) {
blendFunc.src = cc.SRC_ALPHA;
}
node.opacityModifyRGB = false;
} else {
if (blendFunc.src === cc.SRC_ALPHA&& blendFunc.dst === cc.BLEND_DST) {
blendFunc.src = cc.ONE;
}
node.opacityModifyRGB = true;
}
};
3、修改方案,
把this._renderCmd._setTexture(null);改为this._renderCmd._setTexture(texture);
在纹理存在且没有加载成功的时候是不会渲染的
proto.rendering= function (ctx) {
var node = this._node,locTexture =node._texture;
if ((locTexture&&!locTexture._textureLoaded) || this._displayedOpacity === 0)
return;
....................
}