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对精灵的优化的更多相关文章

  1. 0428数字口袋精灵app优化

    "数字口袋精灵app"优化 目录: 一.项目github总仓库推送 二.开发成员 三.分工与合作 四.各模块成果 五.团队成员贡献分 内容: 一.项目github总仓库: http ...

  2. cocos2dx SpriteBatchNode 精灵的渲染优化类

    用处是减少对精灵的渲染次数,用法如下 SpriteFrameCache::getInstance()->addSpriteFramesWithFile("person.plist&qu ...

  3. cocos2d-x 让精灵按照自己设定的运动轨迹行动

    转自:http://blog.csdn.net/ufolr/article/details/7447773 在cocos2d中,系统提供了CCMove.CCJump.CCBezier(贝塞尔曲线)等让 ...

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

    通过前面的部署过程可以知道cocos2dx的开发过程如下: 1.VS2012完成修改 2.因为指定了CPP文件位置,ndk可以通过jni方式完成C++文件的编译,运行以下命令完成proj.androi ...

  5. [cocos2d-x] 让精灵响应触摸 并把方向旋转到相对应的角度

    在cocos2d-x里面  想要把一个精灵从原位置移动到用户所触摸到的点 , 并且把精灵的方向旋转相对应的弧度,可以参考一下我的做法 我这里的精灵是用一条鱼, 用户触摸后鱼就移动到所触摸的点, 并且移 ...

  6. cocos2dx 获取精灵的高亮效果

    转自:http://blog.csdn.net/tyxkzzf/article/details/38703883 CCSprite* getHighlightSprite(CCSprite* norm ...

  7. [windows+cocos2dx]CCSprite精灵类

    序言 回想cocos2dx,之前在mac+Xcode平台学习了一遍cocos2dx,一年时间不接触cocos了.一直在搞Unity3d.如今还是就之前所学温故温故,但不再用Xcode来写.用经常使用的 ...

  8. cocos2d-x创建精灵动画方式汇总

    1.创建精灵框架缓存,并向其中添加相应的动画文件(plist),最后,通过动画集缓存生产动画 CCSpriteFrameCache *cache = CCSpriteFrameCache::share ...

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

    void HelloWorld::ccTouchMoved(cocos2d::CCTouch *touch, cocos2d::CCEvent *event) { CCSize winSize = C ...

随机推荐

  1. 使用 AngularJS & NodeJS 实现基于token 的认证应用(转)

    认证是任何 web 应用中不可或缺的一部分.在这个教程中,我们会讨论基于 token 的认证系统以及它和传统的登录系统的不同.这篇教程的末尾,你会看到一个使用 AngularJS 和 NodeJS 构 ...

  2. jfinal基本应用 --报主键重复

    在使用jfinal 的Model过程中有一个很怪异的问题,发布到服务器上,只要是往表中添加字段,就报主键重复. 1.我添加表的时候调用了 public void create(Map map){ St ...

  3. box-sizing 属性、min-width属性、max-width属性

    1.box-sizing  这个属性是CSS3新增的属性.IE8开始兼容.box-sizing: border-box; border-box,就是边框的这个小盒.这个属性命令,width数值指的是b ...

  4. 用c++写一个广告系统

    用到的基础类库 1.sstream <sstream> 库定义了三种类:istringstream.ostringstream和stringstream,分别用来进行流的输入.输出和输入输 ...

  5. linux 硬盘速度测试

    [root@iZ25oat874uZ data]# time dd if=/dev/zero of=/var/test bs=8k count=1000000 1000000+0 records in ...

  6. C——整型提升

    一.定义 integral promotion: "A character, a short integer, or an integer bit-field, all either sig ...

  7. 无废话SharePoint入门教程五[创建SharePoint页面布局]

    一.前言 文章成体系,如果有不明白的地方请查看前面的文章. 二.目录 1.创建页面布局 2.首次使用页面布局 3.修改页面布局 4.使用页面布局 5.最终效果 1.创建页面布局 (1)打开设计管理器, ...

  8. js判断qq浏览器

    if(navigator.userAgent.toLowerCase().toString().indexOf('qqbrowser') > -1){ console.log('qq');}el ...

  9. 解析提高PHP执行效率的50个技巧

    1.用单引号代替双引号来包含字符串,这样做会更快一些.因为PHP会在双引号包围的字符串中搜寻变量, 单引号则不会,注意:只有echo能这么做,它是一种可以把多个字符串当作参数的”函数”(译注:PHP手 ...

  10. 字符串匹配的KMP算法

    ~~~摘录 来源:阮一峰~~~ 字符串匹配是计算机的基本任务之一. 举例来说,有一个字符串”BBC ABCDAB ABCDABCDABDE”,我想知道,里面是否包含另一个字符串”ABCDABD”? 许 ...