图片文件和纹理的关系与此类似。图片文件大多是压缩过的,它们被使用的话必须先解压缩,然后才能会GPU所处理,变成我们熟知的纹理。一个2048*2048的png图片,采用32位颜色深度编码,那么它在磁盘上占用空间只有2MB。但是,如果变成纹理,它将消耗16MB的内存!
当然,减少纹理占用内存大小是有办法滴。
使用16-bit纹理
最快速地减少纹理内存占用的办法就是把它们作为16位颜色深度的纹理来加载。cocos2d默认的纹理像素格式是32位颜色深度。如果把颜色深度减半,那么内存消耗也就可以减少一半。并且这还会带来渲染效率的提升,大约提高10%。
你可以使用CCTexture2D对象的类方法setDefaultAlphaPixelFormat来更改默认的纹理像素格式,代码如下:
CCSize s = CCDirector::sharedDirector()->getWinSize(); CCLayerColor *background = CCLayerColor::create(ccc4(128,128,255),s.width,s.height); addChild(background,-1); // RGBA 8888 image (32-bit) CCTexture2D::setDefaultAlphaPixelFormat(kCCTexture2DPixelFormat_RGBA8888); CCSprite *sprite1 = CCSprite::create("Images/test-rgba1.png"); sprite1->setPosition(ccp(1*s.width/7,s.height/2+32)); addChild(sprite1,0); // remove texture from texture manager CCTextureCache::sharedTextureCache()->removeTexture(sprite1->getTexture()); // RGBA 4444 image (16-bit) CCTexture2D::setDefaultAlphaPixelFormat(kCCTexture2DPixelFormat_RGBA4444); CCSprite *sprite2 = CCSprite::create("Images/test-rgba1.png"); sprite2->setPosition(ccp(2*s.width/7,s.height/2-32)); addChild(sprite2,sans-serif; word-wrap:break-word"> CCTextureCache::sharedTextureCache()->removeTexture(sprite2->getTexture()); // RGB5A1 image (16-bit) CCTexture2D::setDefaultAlphaPixelFormat(kCCTexture2DPixelFormat_RGB5A1); CCSprite *sprite3 = CCSprite::create("Images/test-rgba1.png"); sprite3->setPosition(ccp(3*s.width/7,sans-serif; word-wrap:break-word"> addChild(sprite3,sans-serif; word-wrap:break-word"> CCTextureCache::sharedTextureCache()->removeTexture(sprite3->getTexture()); // RGB888 image CCTexture2D::setDefaultAlphaPixelFormat(kCCTexture2DPixelFormat_RGB888); CCSprite *sprite4 = CCSprite::create("Images/test-rgba1.png"); sprite4->setPosition(ccp(4*s.width/7,sans-serif; word-wrap:break-word"> addChild(sprite4,sans-serif; word-wrap:break-word"> CCTextureCache::sharedTextureCache()->removeTexture(sprite4->getTexture()); // RGB565 image (16-bit) CCTexture2D::setDefaultAlphaPixelFormat(kCCTexture2DPixelFormat_RGB565); CCSprite *sprite5 = CCSprite::create("Images/test-rgba1.png"); sprite5->setPosition(ccp(5*s.width/7,sans-serif; word-wrap:break-word"> addChild(sprite5,sans-serif; word-wrap:break-word"> CCTextureCache::sharedTextureCache()->removeTexture(sprite5->getTexture()); // A8 image (8-bit) CCTexture2D::setDefaultAlphaPixelFormat(kCCTexture2DPixelFormat_A8); CCSprite *sprite6 = CCSprite::create("Images/test-rgba1.png"); sprite6->setPosition(ccp(6*s.width/7,sans-serif; word-wrap:break-word"> addChild(sprite6,sans-serif; word-wrap:break-word"> CCTextureCache::sharedTextureCache()->removeTexture(sprite6->getTexture());
有哪些比较有用的纹理像素格式呢?
- generate 32-bit textures: kCCTexture2DPixelFormat_RGBA8888 (default)
- generate 16-bit textures: kCCTexture2DPixelFormat_RGBA4444
- generate 16-bit textures: kCCTexture2DPixelFormat_RGB5A1
- generate 16-bit textures: kCCTexture2DPixelFormat_RGB565 (no alpha)
RGBA8888是默认的格式。对于16位的纹理来说,使用RGB565可以获得最佳颜色质量,因为16位全部用来显示颜色:总共有65536总颜色值。但是,这里有个缺点,除非图片是矩形的,并且没有透明像素。所以RBG565格式比较适合背景图片和一些矩形的用户控件。
RBG5A1格式使用一位颜色来表示alpha通道,因此图片可以拥有透明区域。只是,1位似乎有点不够用,它只能表示32768种可用颜色值。而且图片要么只能全部是透明像素,或者全部是不透明的像素。因为一位的alpha通道的缘故,所以没有中间值。但是你可以使用fade in/out动作来改变纹理的opacity属性。
如果你的图片包含有半透明的区域,那么RBGA4444格式很有用。它允许每一个像素值有127个alpha值,因此透明效率与RGBA8888格式的纹理差别不是很大。但是,由于颜色总量减少至4096,所以,RBGA4444是16位图片格式里面颜色质量最差的。
使16位纹理看起来更棒
幸运的是,我们有TexturePacker.(后面简称TP)
cocos2d默认的颜色深度将会把所有的纹理都渲染到16位的color framebuffer里面,然后再显示到你的设备屏幕上面。既然这样,我们为什么不把所有的纹理的格式都弄成16位呢,32位又有什么用呢?反正它本来就会渲染到16位的framebuffer上去的。这个问题有点太底层了,我不想深挖下去,而且我也不适合解释这个问题。(译者:哈哈,知之为知之,不知为不知)
使用NPOT纹理
NOPT是“non power of two”的缩写,译作“不是2的幂”。.在cocos2d1.x的时候,你必须在ccConfig.h文件中开启对NPOT的支持,但是,cocos2d 2.x就不需要了,它默认是支持NPOT的。所有3代(iphone 3GS)以后的ios设置都支持cocos2d 2.x(因为它们支持OpenGL ES2.0),所以也都能支持NPOT纹理。
如果纹理图集(texture atlas)使用NPOT的纹理,它将有一个具大的优势:它允许TP更好地压缩纹理。因此,我们会更少地浪费纹理图集的空白区域。而且,这样的纹理在加载的时候,会少使用1%到49%左右的内存。而且你可以使用TP强制生成NPOT的纹理。(你只需要勾选“allow free size”即可)
为什么要关心NPOT呢?因为苹果的OpenGL驱动有一个bug,导致如果使用POT的纹理,则会产生额外33%的内存消耗。