转自:http://blog.csdn.net/qq51931373/article/details/9152227

1.纹理控制。

看此代码:

CCSprite *pSprite = CCSprite::create("ship.png");

ccTexParams params = {GL_NEAREST,GL_NEAREST,GL_CLAMP_TO_EDGE, GL_CLAMP_TO_EDGE};

pSprite->getTexture()->setTexParameters(&params);

上面最重要的函数就是setTexParameters();他就是根据ccTexParameters来控制纹理图像的纹理如何对应到屏幕的像素。根据什么来实现纹理的缩放和纹理的重复(重复纹理)等效果。

typedef struct _ccTexParams {

    GLuint    minFilter;

    GLuint    magFilter;

    GLuint    wrapS;

    GLuint    wrapT;

} ccTexParams;

先看看ccTexParams这个结构体,他的前两个成员变量叫做基本过滤器。用来指定按照什么规则来控制纹理的缩放效果。

两个基本的纹理过滤规则:

(1)GL_LINEAR:“当显示纹理时,显示的大小大于或者小于原纹理的尺寸时,使用邻近像素点来插值补点”

特点:图像拉伸或者缩小后,看起来失真了,但是效果比GL_NEAREST好,看起来没有人工操作后的痕迹.

(2)GL_NEAREST:(最邻近过滤)最简单最快捷的过滤方式。

特点:当纹理拉伸到特别大的时候,会出现大片斑驳状像素。

ccTexParameters后面的两个成员变量叫做纹理环绕模式.是用来控制当绘制纹理边界范围之外的像素点的时候应该怎么去处理。openGL纹理的坐标范围是(0.0f, 1.0f).意思就是当纹理坐标大于1.0f或者纹理坐标小于0.0f的时候怎么去处理纹理。

两个常用的纹理环绕模式:

(1)GL_REPEAT:在纹理超过1.0f的方向上对纹理进行重复。如果你想显示纹理边界之外的像素点时,把它旁边的纹理像素点平铺过去 .

看代码:

  1. pSprite = CCSprite::create("RepeatSprite.png");
  2. pSprite->retain();
  3. CCSize size = CCDirector::sharedDirector()->getWinSize();
  4. pSprite->setPosition(CCPointMake(size.width/2, size.height/2));
  5. addChild(pSprite);
  6. ccTexParams tp ;
  7. tp.minFilter = GL_LINEAR;
  8. tp.magFilter = GL_LINEAR;
  9. tp.wrapS = GL_REPEAT;
  10. tp.wrapT = GL_REPEAT;
  11. pSprite->getTexture()->setTexParameters(&tp);
  12. //不断的修改pSprite的纹理矩形区域,通过修改纹理的x坐标,来绘制纹理区域之外的部分。
  13. schedule(schedule_selector(HelloWorld::UpdateTexture),0.05f);

在UpdateTexture()中:

  1. void HelloWorld::UpdateTexture(float dt)
  2. {
  3. int nLen = 40;
  4. static int nOffset = 0;
  5. nOffset += nLen*dt;
  6. pSprite->setTextureRect(CCRectMake(nOffset, 0, pSprite->getTexture()->getPixelsWide(),pSprite->getTexture()->getPixelsHigh()));
  7. }

上面的代码通过不断增加nOffset来绘制精灵的纹理边界之外的区域。由于之前设置了环绕模式为GL_REPEAT。则绘制精灵之外的区域的时候把旁边的纹理像素进行平铺。形成重复纹理的效果。

程序中这个精灵的纹理不断的会从右向左滚动。注意:精灵的位置不会发生变化.这就用GL_REPEAT来实现了重复纹理的效果.

还需要注意的是RepeatSprite.png的宽和高必须是2的N次方大小。否则的话当你用GL_REPEAT来作为环绕模式的时候会出现警告提示:GL_REPEAT mode must be POT.意思就是用GL_REPEAT模式图片大小必须是2的指数幂(POT).警告提示完了之后就是崩溃.

(2)GL_CLAMP:作用就是纹理的绘制坐标大于1.0则就设置成1.0, 小于0.0则设置成0.0;

效果见图;

如果绘制的x坐标大于了纹理宽度,则就用纹理最右边的一个像素来绘制后面的区域.

2.纹理缓冲区.(CCTextureCache)

CCSprite::create()这个函数里面有句代码:CCTexture2D *pTexture = CCTextureCache::sharedTextureCache()->addImage(pszFilename);

精灵就是用这句代码来根据提供的图片生成精灵的纹理对象。所以,不难看出用图片创建了精灵对象时,图片数据被加载到内存中,这块内存就叫做纹理缓冲区(TextureCache),只要不手动就从纹理缓冲区中把图片数据删除则图片数据永远占着内存不释放。所以这就带出了针对纹理缓冲区的一些议题。

cocos2d中存放被加载的图片数据的缓冲区(内存)分两类:存放由多个小图拼接成的大图的区域   和  存放单个图片的区域。具体分别对应于CCSpriteFrameCache和 CCTextureCache这两个类。CCSpriteFrameCache主要是做动画用的,请参考我的这篇文章:http://blog.csdn.net/qq51931373/article/details/9151363

为什么会存在这两个类呢?从名字就知道他们是缓冲区,存在的唯一理由是下次如果需要同一个图片数据的时候直接从缓冲区去取,而不需要再次把图片文件载入到内存中去。这样的话节省了内存还提高了渲染速度。

假设有一张图片example.png被加载到缓冲区中去,如果这张图片是第一次被加载到内存,则它首先被加载到缓冲区中去,然后再从缓冲区中读取出来,用于创建纹理对象。

如果这个图片的数据在内存中没有被删除,则在随后程序员又想用图片example.png来创建纹理对象的时候,cocos2d首先从纹理缓冲区中查找一下看是否存在这个图片的数据。如果存在就直接从缓冲区中读取。就不需要再次从硬盘载入到内存。多么方便啦!难道不是吗?这样为你节省了内存和提高了效率。

释放:

如果游戏有很多场景,在切换场景的时候可以把前一个场景的内存全部释放,防止总内存过高.

CCTextureCache::sharedTextureCache()->removeAllTextures(); 释放到目前为止所有加载的图片

CCTextureCache::sharedTextureCache()->removeUnusedTextures(); 将引用计数为1的图片释放掉CCTextureCache::sharedTextureCache()->removeTexture(); 单独释放某个图片

CCSpriteFrameCache 与 CCTextureCache 释放的方法差不多。

值得注意的是释放的时机,一般在切换场景的时候释放资源,如果从A场景切换到B场景,调用的函数顺序为B::init()---->A::exit()---->B::onEnter() 可如果使用了切换效果,比如CTransitionJumpZoom::transitionWithDuration这样的函数,则函数的调用顺序变为B::init()---->B::onEnter()---->A::exit() 而且第二种方式会有一瞬间将两个场景的资源叠加在一起,如果不采取过度,很可能会因为内存吃紧而崩溃。

有时强制释放全部资源时,会使某个正在执行的动画失去引用而弹出异常,可以调用CCActionManager::sharedManager()->removeAllActions();来解决。

下面用简短的代码来证实2中这些阐述的事实.

我就用cocos2d-x中的例子Texture2dTest中的 CCTextureCache:remove 和 CCTexture2D:drawAtPoit来进行试验,这两个例子的场景是挨着的,CCTextureCache:remove下一个例子就是CCTexture2D:drawAtPoit,为什么要选这两个,看下面的代码。

代码有点长,但是很简单。不信你看:

  1. void TextureCache1::onEnter()
  2. {
  3. TextureDemo::onEnter();
  4. CCSize s = CCDirector::sharedDirector()->getWinSize();
  5. CCSprite *sprite;
  6. sprite = CCSprite::create("Images/grossinis_sister1.png");
  7. sprite->setPosition(ccp(s.width/5*1, s.height/2));
  8. sprite->getTexture()->setAliasTexParameters();
  9. sprite->setScale(2);
  10. addChild(sprite);
  11. //从纹理缓冲区中移除grossinis_sister1.png的图片数据
  12. CCTextureCache::sharedTextureCache()->removeTexture(sprite->getTexture());
  13. sprite = CCSprite::create("Images/grossinis_sister1.png");
  14. sprite->setPosition(ccp(s.width/5*2, s.height/2));
  15. sprite->getTexture()->setAntiAliasTexParameters();
  16. sprite->setScale(2);
  17. addChild(sprite);
  18. //从纹理缓冲区中移除grossinis_sister1.png的图片数据
  19. CCTextureCache::sharedTextureCache()->removeTexture(sprite->getTexture());
  20. // 2nd set of sprites
  21. sprite = CCSprite::create("Images/grossinis_sister2.png");
  22. sprite->setPosition(ccp(s.width/5*3, s.height/2));
  23. sprite->getTexture()->setAliasTexParameters();
  24. sprite->setScale(2);
  25. addChild(sprite);
  26. //从纹理缓冲区中移除grossinis_sister2.png的图片数据
  27. CCTextureCache::sharedTextureCache()->removeTextureForKey("Images/grossinis_sister2.png");
  28. sprite = CCSprite::create("Images/grossinis_sister2.png");
  29. sprite->setPosition(ccp(s.width/5*4, s.height/2));
  30. sprite->getTexture()->setAntiAliasTexParameters();
  31. sprite->setScale(2);
  32. addChild(sprite);
  33. //从纹理缓冲区中移除grossinis_sister2.png的图片数据
  34. CCTextureCache::sharedTextureCache()->removeTextureForKey("Images/grossinis_sister2.png");
  35. }

上面的代码就是例子:CCTextureCache:remove中的代码.上面在加载了图片到纹理缓冲区后就立即从纹理缓冲区中把图片数据删除了。

在这个例子场景中我们可以看到四个精灵(四个妹子)。

然后再看下一个场景CCTexture2D:drawAtPoit中的代码:

  1. void TextureDrawAtPoint::onEnter()
  2. {
  3. TextureDemo::onEnter();
  4. DWORD dwBegin = GetTickCount();
  5. m_pTex1 = CCTextureCache::sharedTextureCache()->addImage("Images/grossinis_sister1.png");
  6. m_pTex2 = CCTextureCache::sharedTextureCache()->addImage("Images/grossinis_sister2.png");
  7. DWORD dwEnd = GetTickCount()-dwBegin;
  8. m_pTex1->retain();
  9. m_pTex2->retain();
  10. }

在这个场景的例子代码中用到了上一个场景中的两个图片文件:grossinis_sister1.png和 grossinis_sister2.png.由于在前一个场景中这两个图片文件的数据从纹理缓冲区中删除了。所以我打断点测试dwEnd的值是16毫秒。内存多出了240k左右.如果我把上面removeTexture()和removeTextureForKey()屏蔽,则dwEnd的值是0毫秒。内存少了240k,这是多么大的效率提升啊。

当然切换场景的时候还是要把前一个场景中用到的图片数据从纹理缓冲区中删除,方式内存占用过高。系统直接kill掉你的游戏。

个人建议每一个场景的图片单独放在一个文件夹中。切换场景的时候加载场景对应的文件夹中的图片。这样的话思路就很清晰。多个场景中公用图片也放在一个单独的场景中.

收工。把我累坏了.

cocos2d-x 纹理深入研究 第二部分的更多相关文章

  1. cocos2d-x 纹理深入研究

    转自:http://blog.csdn.net/qq51931373/article/details/9152227 1.纹理控制. 看此代码: CCSprite *pSprite = CCSprit ...

  2. Cocos2D绘制纹理的一般方法

    如果你想在通常情况下绘制纹理,最简单的方法是在CCSprite的子类中实现.否则你将不得不自己创建一个CCRenderState对象传递给blend模式,着色器以及(可选的)纹理给CCRenderer ...

  3. HttpClient学习研究---第二章:连接管理

    第二章.Connection management连接管理2.1. 2.1.Connection persistence连接持久性The process of establishing a conne ...

  4. coco2d-x 纹理研究

    转自:http://blog.csdn.net/qq51931373/article/details/9119161 1.通常情况下用PVR格式的文件来进行图片显示的时候,在运行速度和内存消耗方面都要 ...

  5. cocos2d-x 纹理研究

    转自:http://blog.csdn.net/qq51931373/article/details/9119161 1.通常情况下用PVR格式的文件来进行图片显示的时候,在运行速度和内存消耗方面都要 ...

  6. 【转】coco2d-x 纹理研究

    1.通常情况下用PVR格式的文件来进行图片显示的时候,在运行速度和内存消耗方面都要比PNG格式要快和小.一般情况下PVR消耗的内存比PNG消耗的内存小25%左右.PVR格式可以用ZWoptex导出.P ...

  7. 如何优化cocos2d程序的内存使用和程序大小

    在我完成第一个游戏项目的时候,我深切地意识到"使用cocos2d来制作游戏的开发者们,他们大多会被cocos2d的内存问题所困扰".而我刚开始接触cocos2d的时候,社区里面的人 ...

  8. 如何优化cocos2d程序的内存使用和程序大小:第一部分

    译者: 在我完成第一个游戏项目的时候,我深切地意识到“使用cocos2d来制作游戏的开发者们,他们大多会被cocos2d的内存问题所困扰”.而我刚开始接触cocos2d的时候,社区里面的人们讨论了一个 ...

  9. 如何优化cocos2d程序的内存使用和程序大小:第一部分_(转)

    译者: 在我完成第一个游戏项目的时候,我深切地意识到“使用cocos2d来制作游戏的开发者们,他们大多会被cocos2d的内存问题所困扰”.而我刚开始接触cocos2d的时候,社区里面的人们讨论了一个 ...

随机推荐

  1. 将SQLServer2005中的数据同步到Oracle中

    有时由于项目开发的需要,必须将SQLServer2005中的某些表同步到Oracle数据库中,由其他其他系统来读取这些数据.不同数据库类型之间的数据同步我们可以使用链接服务器和SQLAgent来实现. ...

  2. Python转义字符

    在需要在字符中使用特殊字符时,python用反斜杠(\)转义字符.有时我们并不想让转义字符生效,我们只想显示字符串原来的意思,这就要用r和R来定义原始字符串.如:print r'\t\r'实际输出为“ ...

  3. [Codeforces677C]Vanya and Label(组合数学,快速幂)

    题目链接:http://codeforces.com/contest/677/problem/C 题意:给一个字符和数字的映射关系,然后再给一个字符串.问有多少个其他的字符串,使得那些字符串之间相互操 ...

  4. combination-sum-ii(熟悉下Java排序)

    代码还是这一块代码,但是还是写的很慢.. 其中用到了Java对 List的排序.查了很久,发现使用 Collections.sort 很方便. 另外对结果的去重,使用了 Java的HashSet. h ...

  5. Android中ProgressDialog的简单示例

    网上一般对进度条的示例都是如何显示,没有在任务结束如何关闭的文章,参考其他文章经过试验之后把整套进度条显示的简单示例如下: 建立android工程等工作都略去,Google一下就可以了. 下面来介绍主 ...

  6. poj3207 Ikki’s Story IV – Panda’s Trick

    2-SAT. tarjan缩点.强连通分量的点要选一起选. #include<cstdio> #include<algorithm> #include<cstring&g ...

  7. Ionic开发中常见问题和解决方案记录

    1npm按装包失败 更换源:npm config set registry https://registry.npm.taobao.org 或者使用cnpm sudo npm install -g c ...

  8. Java 并发基础

    Java 并发基础 标签 : Java基础 线程简述 线程是进程的执行部分,用来完成一定的任务; 线程拥有自己的堆栈,程序计数器和自己的局部变量,但不拥有系统资源, 他与其他线程共享父进程的共享资源及 ...

  9. HDU 3467 (求五个圆相交面积) Song of the Siren

    还没开始写题解我就已经内牛满面了,从晚饭搞到现在,WA得我都快哭了呢 题意: 在DotA中,你现在1V5,但是你的英雄有一个半径为r的眩晕技能,已知敌方五个英雄的坐标,问能否将该技能投放到一个合适的位 ...

  10. HDU 2087 (KMP不可重叠的匹配) 花布条

    题意: 用两个字符串分别表示布条和图案,问能从该布条上剪出多少这样的图案. 分析: 毫无疑问这也是用KMP匹配,关键是一次匹配完成后,模式串应该向后滑动多少. 和上一题 HDU 1686 不同,两个图 ...