Cocos2dx对精灵的优化

cocos2dx针对游戏设计的不同方面会有不同的优化方案,可以对声音,对内存,对图片格式,对色彩等等进行优化。有关这些方面的方法请大家查找其他的文章。我今天要说的是如何对精灵进行优化,程序中我们用到的最多的就是精灵,大到背景、UI,小到 NPC、道具,只要是用图片展示的,都是精灵或它的子类。精灵是什么,在我看来精灵就是一张纹理图片,是按某种方式显示出来的图片。精灵如此的重要,我们当然要好好的优化优化了。我们可以减小精灵图片的大小,使用缓存Cache的方法将精灵提前加载到内存中,当有很多精灵的时候,使用批次渲染的方法。所以我就从缓存和批次渲染这俩个方面来说一下如何优化我们的精灵图片。
1、通过批次渲染的方法来优化精灵。在游戏中的某一时刻,有时候会用到大量的精灵,比如说发射子弹,粒子效果,这些精灵图片所使用的纹理都是相同的,如果一张一张的图片进行渲染势必会降低效率,大家在开发中看到的窗口的左下角的三行数字中,第一行数字就是渲染批次,这个渲染批次在我看来就是画了多少次,cocos2dx中使用opengl进行绘图,渲染的批次越少当然越好了,所以这个渲染批次才会显示在左下角让我们参考。我们应当尽量的减小这个渲染的批次,提高游戏的效率。方法就是使用CCSpriteBatchNode和CCParticleBatchNode精灵批节点类和粒子批节点类。先来看看在代码中如何使用它们。

<pre class="brush:cpp; toolbar: true; auto-links: false;">

CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();
//创建了十个精灵将这十个精灵添加到当前的层中
for(int i=0;i<10;i++)
{
    CCSprite * sprite = CCSprite::create("icon.png");
    sprite->setPosition(ccp(CCRANDOM_0_1()*visibleSize.width,CCRANDOM_0_1()*visibleSize.height));
    this->addChild(sprite);
}

</pre>

上边的这种情况是采用一般的方式将精灵添加到层中的,这个时候的渲染批次是10。

<pre class="brush:cpp; toolbar: true; auto-links: false;">

//创建一个CCSpriteBatchNode,传入的参数就是精灵们将要用到的图片
    CCSpriteBatchNode * batchNode = CCSpriteBatchNode::create("icon.png");
    //或者使用texture2d初始化,里边传入一个texture
    //CCSpriteBatchNode * batch = CCSpriteBatchNode::createWithTexture();
    //这一句写不写都可以,因为node的默认坐标就是(0,0)
    batchNode->setPosition(CCPointZero);
    for(int i=0;i<10;i++)
    {
        //创建的这些精灵所使用的纹理必须和CCSpriteBatchNode相同,而且所有这些精灵必须在同一个渲染层
        CCSprite * sprite = CCSprite::createWithTexture(batchNode->getTexture());
        sprite->setPosition(ccp(CCRANDOM_0_1()*visibleSize.width,CCRANDOM_0_1()*visibleSize.height));
        batchNode->addChild(sprite);
    }
    this->addChild(batchNode);

</pre>

采用上边的方法添加精灵到层中,渲染批次是1,就是因为我们用到了CCSpriteBatchNode这个类,从道理上来说,这个类也是一个node,通常我们使用node的时候就是为了方便的管理精灵,创建一个node节点,然后将精灵放到这个节点中,而node本身是没法显示出来的,显示出来的东西是放到它里边的node子节点,node的长和宽都是0,坐标默认是在父节点的左下角也就是原点处。所以对子节点位置的设置不会产生影响。CCSpriteBatchNode就是这样的一个node,不同的是创建的时候需要一个纹理,要不怎么叫sprite node呢?里边传入的纹理图片是子节点用到的纹理图片,我们可以设置好这些子精灵节点的坐标,然后添加到这个node中,这个node再添加到其他的层中,这样就可以批次渲染了。这个node要求它的字精灵节点和它使用相同的纹理,那如果纹理不一样怎么办,那就把纹理都打包到一张图片上,用的时候从这张图片上截取,工具可以使用texturepacker。

<pre class="brush:cpp; toolbar: true; auto-links: false;">

CCTexture2D * texture = CCTextureCache::sharedTextureCache()->addImage("fire.png");
    for(int i=0;i<10;i++)
    {
        //CCParticleSun里边没有参数
        CCParticleSystem * particle = CCParticleSun::create();
        particle->setTexture(texture);
        particle->setPosition(ccp(CCRANDOM_0_1()*visibleSize.width,CCRANDOM_0_1()*visibleSize.height));
        this->addChild(particle);
    }

</pre>

<pre class="brush:cpp; toolbar: true; auto-links: false;">

CCTexture2D * texture = CCTextureCache::sharedTextureCache()->addImage("fire.png");
    //参数同样需要一张纹理图片
    CCParticleBatchNode * particleBatch = CCParticleBatchNode::createWithTexture(texture);
    //也可以采用如下的方式创建
    //CCParticleBatchNode * particleBatch = CCParticleBatchNode::create("fire.png");
    for(int i=0;i<10;i++)
    {
        //CCParticleSun里边没有参数
        CCParticleSystem * particle = CCParticleSun::create();
        //传入的texture必须和CCParticleBatchNode相同
        particle->setTexture(texture);
        particle->setPosition(ccp(CCRANDOM_0_1()*visibleSize.width,CCRANDOM_0_1()*visibleSize.height));
        particleBatch->addChild(particle);
    }
    this->addChild(particleBatch);

</pre>

这里的道理是和CCSpriteBatchNode相同的,就不用解释了吧。
2、使用缓存提前加载精灵。当我们使用纹理的时候可以制作一个loading界面,将将要用到的纹理加载到缓存中,同时将它们的引用计数增加一,以便这些纹理不会被释放。用的时候直接从缓存中取就可以了,这样也可以提高效率。我们用到的缓存类有CCTextureCache、CCSpriteFrameCache、CCAnimationCache,下面分别说明其用法。

<pre class="brush:cpp; toolbar: true; auto-links: false;">
bool HelloWorld::init()
{
    //////////////////////////////
    // 1. super init first
    if ( !CCLayer::init() )
    {
        return false;
    }

CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();
    //缓存其实就是一个数组,把用到的纹理图片放到这个数组中,纹理的引用计数加1,这样的话就不会释放纹理图片了
    //等下一次使用的时候直接从这个数组中取就可以了,这样的话就不必再次加载到内存中了
    CCTexture2D * texture = CCTextureCache::sharedTextureCache()->addImage("icon.png");
    CCLog("%d",texture->retainCount()); //count=1
    //使用如下俩种方法可以获得缓存中的纹理,第二种方法如果之前已经加载了纹理,这个时候不会重新加载
    //而是直接返回
    texture = CCTextureCache::sharedTextureCache()->addImage("icon.png");
    texture = CCTextureCache::sharedTextureCache()->textureForKey("icon.png");
    CCLog("%d",texture->retainCount()); //count=1

//异步加载图片,开辟一个新的线程专门用来加载图片,加载完毕以后调用loadingCallBack函数
    //所以在这个init函数中是不应该去调用函数textureForKey的,因为你不知道是否加载好了纹理啊
    CCTextureCache::sharedTextureCache()->addImageAsync("icon1.png",
        this,callfuncO_selector(HelloWorld::loadingCallBack));

return true;
}
//object就是加载好了的纹理
void HelloWorld::loadingCallBack(CCObject * object)
{
    CCTexture2D * texture = (CCTexture2D *)object;
    CCLog("%d",texture->retainCount()); //count=2
    //通过以下的方法取得的texture和上边的那个texture相同
    //CCTexture2D * texture2 = CCTextureCache::sharedTextureCache()->textureForKey("icon1.png");
    //CCLog("%d",texture2->retainCount());

//会清除掉所有的纹理,在其他的地方不可以再引用这些纹理了
    CCTextureCache::sharedTextureCache()->removeAllTextures();

//以下的方法会remove掉count值为1的纹理,icon.png被remove掉了,个人认为实际用的时候就用这个
    //CCTextureCache::sharedTextureCache()->removeUnusedTextures();

//count=1
    CCLog("%d",texture->retainCount());

//查看纹理清除的信息
    CCTextureCache::sharedTextureCache()->dumpCachedTextureInfo();

//切换场景
    CCDirector::sharedDirector()->replaceScene(TestScene::scene());
}

</pre>
在新的场景中使用加载好的纹理。
<pre class="brush:cpp; toolbar: true; auto-links: false;">

bool TestScene::init()
{
    //因为将所有的纹理清除掉了,所以这里引用的时候会出错
    CCTexture2D * texture = CCTextureCache::sharedTextureCache()->textureForKey("icon1.png");
    CCLog("%d",texture->retainCount());

return true;
}

</pre>
CCTextureCache在我看来就是一个数组,将加载的纹理都放到这个数组中,然后将它们的引用计数加1以防释放掉,我们要使用加载好的纹理直接从这个数组中取就可以了,返回一个CCTexture2D的对象,然后我们使用CCSprite:createWithTexture这个方法来创建出精灵。我觉的这里最主要的问题就是纹理的释放,个人认为使用removeUnusedTexture这个函数比较好,它会释放掉引用计数为1的纹理,也就说明程序中没有再为它增加引用计数,肯定是没用了。那些大于1的纹理不会释放掉,即使我们在不知道的情况下再次加载,也只是返回已经加载好了的。接下来是另外俩个缓存了,和这个意思差不多,直接看代码吧。
<pre class="brush:cpp; toolbar: true; auto-links: false;">

bool HelloWorld::init()
{
    //////////////////////////////
    // 1. super init first
    if ( !CCLayer::init() )
    {
        return false;
    }

CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();
    //可以使用texturepacker生成.plist文件,将plist文件和png文件放到资源目录下,通过add方法将ghosts.plist纹理
    //加载到了缓存中
    CCSpriteFrameCache::sharedSpriteFrameCache()->addSpriteFramesWithFile("ghosts.plist");

//spriteFrameByName中传入的参数可以到.plist文件中查看,通过这个方法可以从缓存中获得一个精灵帧
    CCSpriteFrame * spriteFrame = CCSpriteFrameCache::sharedSpriteFrameCache()->spriteFrameByName("child1.gif");
    CCLog("%d",spriteFrame->retainCount()); //count=1
    //之所以创建精灵帧就是为了播放动画做准备的,这里可以是一个循环不到的创建精灵帧然后添加到animation中
    //关于这部分的内容可以查看我前边的文章,这里是为了说明缓存的使用
    CCAnimation * animation = CCAnimation::create();

animation->addSpriteFrame(spriteFrame);
    CCLog("%d",spriteFrame->retainCount()); //count=2

CCLog("%d",animation->retainCount()); //count=1,这个1是创建时候的引用计数
    //动画缓存,将animation放到缓存中,里边存入一个key,方便以后取出,如果不把动画放到这个缓存中,下一帧的时候
    //动画就会被释放掉的,再播放动画就会出错了
    CCAnimationCache::sharedAnimationCache()->addAnimation(animation,"a"); //count=2
    CCLog("%d",animation->retainCount());

CCAnimate * animate = CCAnimate::create(CCAnimationCache::sharedAnimationCache()->animationByName("a"));

//当不再需要播放动画的时候从动画缓存中清除,应该先清除动画再清除精灵帧
    CCAnimationCache::sharedAnimationCache()->removeAnimationByName("a");

//将引用计数为1的精灵帧从缓存中清除
    CCSpriteFrameCache::sharedSpriteFrameCache()->removeUnusedSpriteFrames();
    //释放掉所有的精灵帧
    //CCSpriteFrameCache::sharedSpriteFrameCache()->removeSpriteFrames();

return true;
}

</pre>
原文转载:http://www.zaojiahua.com/optimization.html皂荚花

Cocos2dx对精灵的优化

时间: 2024-10-28 22:14:57

Cocos2dx对精灵的优化的相关文章

精灵的优化-使用纹理图集

游戏是一种很耗费资源的应用,特别是在移动设备中的游戏,性能优化是非常重要的 纹理图集(Texture Atlas)也称为精灵表(Sprite Sheet),它是把许多小的精灵图片组合到一张大图里面.使用纹理图集(或精灵表)有如下主要优点: 减少文件读取次数,读取一张图片比读取一堆小文件要快. 减少OpenGL ES绘制调用并且加速渲染. 减少内存消耗.OpenGL ES 1.1仅仅能够使用2的n次幂大小的图片(即宽度或者高度是2.4.8.64...).如果采用小图片OpenGL ES1.1会分配

精灵的优化

cocos2dx针对游戏设计的不同方面会有不同的优化方案,可以对声音,对内存,对图片格式,对色彩等等进行优化.有关这些方面的方法请大家查找其他的文章.我今天要说的是如何对精灵进行优化,程序中我们用到的最多的就是精灵,大到背景.UI,小到 NPC.道具,只要是用图片展示的,都是精灵或它的子类.精灵是什么,在我看来精灵就是一张纹理图片,是按某种方式显示出来的图片.精灵如此的重要,我们当然要好好的优化优化了.我们可以减小精灵图片的大小,使用缓存Cache的方法将精灵提前加载到内存中,当有很多精灵的时候

0428数字口袋精灵app优化

"数字口袋精灵app"优化 目录: 一.项目github总仓库推送 二.开发成员 三.分工与合作 四.各模块成果 五.团队成员贡献分 内容: 一.项目github总仓库: https://github.com/LiangZhilin/We-have-bing 二.开发人员: 223孙海林(商软2班) 225江志彬(商软2班) 256林集团(商软2班) 224颜文生(商软2班) 404曹嘉琪(商软1班) 142梁植淋(商软1班) 三.分工与合作: 林集团.颜文生:从开发者的角度出发,进一

Cocos2d-x 让精灵随手指移动起来二(简单实现)

void HelloWorld::ccTouchMoved(cocos2d::CCTouch *touch, cocos2d::CCEvent *event) { CCSize winSize = CCDirector::sharedDirector()->getVisibleSize(); if (m_ship) { CCPoint pos = touch->getDelta();//获取触点当前位置与较早前的位置的差距 CCPoint currentPos = m_ship->get

cocos2dx层精灵、以及精灵的动画与动作

层 精灵 精灵不一定是静态的.通常,一个精灵可以不断变化,变化的方式包括:移动.旋转.缩放.变形.显现消失.动画效果 (类似 GIF 动画)等.精灵按照层次结构组合起来,并与玩家互动,构成了一个完整的游戏. 从绘图的角度来说,图形按照自上而下的顺序绘 制出来.为了绘制场景,需要绘制场景中的层,为了绘制层,需要绘制层中的精灵.因此,关系图实质上安排了图元的绘 图方式,关系图中的每一个元素称作节点(node),关系图则称作渲染树(rendering tree).渲染场景的过程就是遍历 渲染树的过程.

cocos2d-x CCSprite 精灵监听点击事件

参考文章: cocos2d-x 精灵监听点击事件 http://labs.easymobi.cn/?p=5167 实现过程,实现CCTouchDelegate接口,在enter 的时候添加监听,exit 和析构时移除监听,点击时将touch 的坐标转化为相对精灵的坐标,如果是否在精灵的范围内,则响应点击.主要是参考前面两篇文章中的例子,不同的地方在判断区域,个人觉得太复杂.所以稍微修改了下,看起来更容易理解. PianoTile.h class PianoTile : public cocos2

cocos2dx SpriteBatchNode 精灵的渲染优化类

用处是减少对精灵的渲染次数,用法如下 1 SpriteFrameCache::getInstance()->addSpriteFramesWithFile("person.plist"); 2 SpriteBatchNode *node = SpriteBatchNode::create("person.png"); 3 bg->addChild(node); 4 5 SpriteFrame *frame = SpriteFrameCache::getI

cocos2dx 游戏中内存优化

全文如下: 我目前正完成我的最后一个合约项目.在这个项目的最后阶段,我需要考虑的一件事情就是如何优化游戏的内存使用. 在今天的iDevBlogADay文章中,我将向大家讲述,我是如何减少25-30MB游戏内存消耗的(现在游戏消耗内存90-95MB,我还通过这个过程,消除了一些由于内存警告而引起的程序崩溃问题).同时,我还将游戏程序的大小从25MB减少到了20MB以下(如果苹果没有在不久前将蜂窝网下载应用的限制从20MB提高到50MB的话,那么我这个小的优化就太棒了,它可以潜在地给我带来更多的下载

[COCOS2DX]交叉编译实践+速度优化(vs2012修改win32代码+修改makefile+编译安卓项目包+部署安卓项目包到Eclipse+运行apk)

通过前面的部署过程可以知道cocos2dx的开发过程如下: 1.VS2012完成修改 2.因为指定了CPP文件位置,ndk可以通过jni方式完成C++文件的编译,运行以下命令完成proj.android的编译: cd C:\ComputerScience\workspace-cocos\HelloWorld\proj.android python build_native.py 3.将编译好的安卓项目导入到Eclipse进行编译和运行 但是上面这些步骤都是在官网工具包下面运行的,交叉编译一次耗时