cocos2d-x手游性能优化总结

Cocos2d-x 前端之家
前端之家收集整理的这篇文章主要介绍了cocos2d-x手游性能优化总结，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

近段时间在使用cocos2d-x开发2D手游，技术方案使用的是cocos2d-x+lua，因为游戏使用的是cocos2d-x 2.1.5版本，有些优化方案在最新版的cocos2d-x版本已经实现了。这篇文章主要是总结在使用cocos2d-x2.x版本+lua技术方案时遇到的问题和一些性能优化总结。

1. 渲染优化
(1). 合并渲染-自动批处理

因为我使用的cocos2d-x2.1.5版本，引擎并没有实现自动批渲染，底层也改动了不少代码，不太方便直接升级到3.0版本，这里参考了cocos2d-x3.0版本，修改了引擎代码加入自动批渲染。很大程度的降低了draw call批次，比使用CCSpriteBatchNode操控起来更加便捷，CCSpriteBatchNode需要把子节点在逻辑层面手动添加到父节点，逻辑控制比较复杂，特别当精灵节点分布不连续的时候，自动批渲染可以解决这个问题。通过改写精灵类的draw函数，把精灵信息添加到渲染队列，不进行绘制。等到一帧结束或者遇到非精灵节点绘制时才批量绘制渲染队列中的精灵。在绘制之前会对渲染队列中的精灵按逻辑层设置的z值进行排序，一般把相同材质ID(根据textureID+blendFunc+shaderProgram生成材质ID)的精灵设置相同或邻近的z值，根据精灵的模型视图矩阵信息得到世界坐标，在节点发生变换的时候更新模型视图矩阵信息（ CCNode::transform()函数）。

1
kmGLGetMatrix(KM_GL_MODELVIEW,&_modelViewTransform);

这样就可以把非连续性分布但同材质ID的精灵批量进行绘制，一个批次可以绘制多个精灵，大大减少了draw call批次，降低cpu的消耗（帧率提高时也会导致cpu消耗变高）。整个流程如下图所示：

(2). 使用FBO减少渲染对象
使用FBO中的渲染到纹理技术，减少渲染对象，从而减少draw call。主要用于在一些尺寸不大但是包含多个元素的CCTableViewCell中，流程是将CCTableViewCell中所有子元素添加到一个精灵节点A中，然后创建CCRenderTexture对象。把精灵节点A绘制到在CCRenderTexture中绑定的纹理上，更新使用FBO的精灵的纹理，然后删除释放大精灵节点和所有子节点。下面是主要代码片段：
lua代码
1
2
3
4
5
6
7
local item = CCBReaderLoad( "equip_item.ccbi" ,proxy,true,itemOwnerName);
item tolua.cast(item, "CCSprite" );
- - 添加要绘制的元素到item中
.......
local nWidth,nHeight = 150 100 ;
item:renderToTex(nWidth,nHeight);
cell:addChild(item,0)!important; border:0px!important; bottom:auto!important; float:none!important; height:auto!important; left:auto!important; line-height:1.1em!important; margin:0px!important; outline:0px!important; overflow:visible!important; position:static!important; right:auto!important; top:auto!important; vertical-align:baseline!important; width:auto!important; min-height:auto!important; background:none!important">0 c++代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
void CCSprite::renderToTex( int nWidth, nHeight)
{
CCRenderTexture * pRenderTex = CCRenderTexture::create(nWidth,nHeight,
kCCTexture2DPixelFormat_RGBA8888,GL_DEPTH24_STENCIL8);
if (pRenderTex)
{
pRenderTex->beginWithClear(0,0);
this ->visit();
pRenderTex->end();
->removeAllChildrenWithCleanup( true );
CCSprite * pRenderSprite = pRenderTex->getSprite();
(pRenderSprite)
{
initWithTexture(pRenderSprite->getTexture());
}
}
}

需要注意的坑：在小米3等手机使用CCRenderTexture出错，因为英伟达tegra4类型的gpu，glRenderbufferStorage分配渲染缓存时不支持GL_DEPTH24_STENCIL8，导致renderbuffer生成错误。解决方法： 通过glGetString(GL_EXTENSIONS)获取gpu信息。 如果不支持GL_DEPTH24_STENCIL8(24bits深度缓存+8bits的模板缓存，共享同一块renderbuffer) ，则分开创建depth和stencil缓存。 同时需要检测GL_OES_depth24，如果支持则使用GL_DEPTH_COMPONENT24_OES + GL_STENCIL_INDEX8，否则使用GL_DEPTH_COMPONENT16+GL_STENCIL_INDEX8。

22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
GLenum _error_code = glGetError();
( _error_code != GL_NO_ERROR)
{
const char * extString = ( *)glGetString(GL_EXTENSIONS);
( strstr (extString, "GL_OES_depth24" ) != 0)
{
glRenderbufferStorage(GL_RENDERBUFFER,GL_DEPTH_COMPONENT24_OES,(GLsizei)powW,(GLsizei)powH);
}
else
{
}
glFramebufferRenderbuffer(GL_FRAMEBUFFER,GL_DEPTH_ATTACHMENT,GL_RENDERBUFFER,m_uDepthRenderBufffer);
(uDepthStencilFormat == GL_DEPTH24_STENCIL8)
{
glGenRenderbuffers(1,&m_uStencilRenderBufffer);
glBindRenderbuffer(GL_RENDERBUFFER,m_uStencilRenderBufffer);
_error_code = glGetError();
(_error_code == GL_NO_ERROR)
{
}
}
#endif
}
else
{
// if depth format is the one with stencil part,bind same render buffer as stencil attachment
(uDepthStencilFormat == GL_DEPTH24_STENCIL8)
{
}
}

(3). 动态设置帧率
UI界面帧率设置最高30帧
战斗等特效和动画比较多的界面帧率设置最高60帧
(4). 自动裁剪
在一些大地图中，显示在屏幕外的纹理元素不添加到自动批渲染队里中。
(5).减少特效粒子数和帧数
把一些特效和帧动画改成骨骼动画，减少帧数量。
跟美术和策划沟通，在效果可接受的情况下减少特效粒子数。
2. 内存优化
由于我们游戏前期这方面做的工作不多，后期随着游戏内容的丰富，内存消耗越来越大，导致在一些低端机出现卡顿，切换到后台，进程经常被系统kill。优化方案如下：
(1)纹理压缩
压缩后的纹理直接使用gpu解码，不需要cpu解码展开再传输至gpu，极大减少内存，减少cpu计算，加快纹理加载速度。
格式：
android使用etc1，工具：Mali Texture Compression Tool
ios使用pvrtc4，工具：TexturePacker
内存占用：
ETC1占用内存跟图片尺寸有关，每个像素占0.5个字节，占用磁盘空间会比png8大。
PVRTC每个像素0.25~0.5个字节 （pvrtc2和pvrtc4）
其他常见纹理格式（2~4个字节）如图：
下面是在Android平台上纹理压缩实现步骤：
1. 使用TexturePacker把要压缩的散图，打包生成png和plist文件。
2. 使用pkm批处理工具，遍历和解析资源目录下的plist文件，根据plist中的png大图（textureFileName的值）生成同名pkm文件，这里需要注意的是生成pkm文件的时候根据情况选择是否创建带alpha部分，因为etc1本身不支持透明图片，使用mali工具生成一张拼接在一起的纹理，这张纹理上半部分是原始图片（无alpha信息），下半部分是alpha信息图片。带有alpha信息的pkm
图片在渲染的时候使用特殊的shader进行渲染，后缀名使用.pkm，不带alpha信息的图片后缀使用.pkm0。
带alpha信息
etcpack.exe %1 %2 -v -c etc1 -aa -s fast
不带alpha信息
etcpack.exe %1 %2 -v -c etc1 -s fast
3. 编写顶点shader和片段shader，在顶点着色器中得到原图纹理坐标和带有alpha信息的纹理坐标，然后在片段着色器中对纹理进行采样，预乘alpha。
4. 使用shader，因为游戏中有些图片没有进行纹理压缩，所以这里要在精灵类的initWithTexture函数中根据纹理名后缀进行区分使用哪个shader，在CCNodeLoader::parsePropTypeSpriteFrame）ccb加载的时候也需要根据是否有plist文件判断使用哪个shader。
5. 把plist中key为textureFileName的值的后缀由png替换成pkm或pkm0。
(2)使用texturepacker拼图
用texturepacker把一些小散图打包到一张大图，减少纹理IO和draw call。
(3)使用对象池
在需要频繁创建对象的场景中，使用对象池。
(4)UI（button，非渐变背景）使用九宫格

(5) 切换场景时释放无用纹理

1
2
CCTextureCache:sharedTextureCache():removeUnusedTextures();
CCTextureCache:sharedTextureCache():dumpCachedTextureInfo();

(6)整理常驻内存UI资源
把主界面底部共用菜单等界面资源打包成一张纹理，常驻内存，省去加载和重新创建纹理的开销。

3. 遇到的坑

(1) 游戏使用luajit后，crash率上升了不少。

原因：因为luajit不支持c++方式编译。在lua的c代码中，如果遇到错误会使用luaL_error来报错。通常lua是以c的方式来编译的，luaL_error最终会调用longjump来实现函数远程跳转，而这种调转不遵循c++关于stack unwinding的规范，cocos2dx是使用c++语言编写的。这个会直接导致在调了luaL_error之后对象不会被析构(一般会在对象的析构函数中做一些处理，如重置状态和释放资源等)。在对这个没有被析构的对象上循环执行一些图像操作时可能会导致crash。分析游戏crash上报日志发现，多数crash发生在MTK芯片设备上的/system/vendor/lib/egl/libGLESv2_mtk.so模块中和一些opengl操作上。

解决方案：使用官方版的luac替代luajit，并使用c++的方式编译。

猜你在找的Cocos2d-x相关文章

创建自定义的Cocos2d-x场景
操作步骤 1、创建cocos2d-x工程 2、新建 Scene1.cpp Scene1.h Scene1.h代码 #ifndef __SCE...
给vs2010安装上cocos2d-x的模版
开发环境：OS(WINDOWS 8.1 X64 企业版) cocos2d-x 2.2.1 vs2010 想给vs安装上cocos的模版，...
Python创建Cocos2d-x 2.2方法
把创建项目做成一个批处理，当创建项目时可以省时省力很多。 操作步骤 1、在 E:cocos2d-x-...
cocos2dx 物理碰撞
https://www.cnblogs.com/JiaoQing/p/3906780.html 四个响应函数 1 EventListenerPhysics...
cocos2d-js 自定义事件监听派发
转载于 http://www.cnblogs.com/kenkofox/p/3926797.html 熟悉js的dom事件或者flash事件的...
cocos常用 实用 公共函数 lua代码
公共资源加载，缓存retain；防止被自动销毁 2. 数字滚动递增；用于得奖后，总金币跳动增加...
cocos creator box2d
title Map 使用box2d var sfloors = this.tiledMap.getObjectGroup(‘Special_Floor‘).g...
（转）让quick-cocos2d-x支持加密的plist文件
前篇：quick-cocos2d-x图片资源加密 在前篇里面，我们实现了图片资源的加密，但还没有实现...
（转）quick-cocos2d-x图片资源加密(续)
摘要: 对在quick-cocos2d-x上实现的资源加密方法的补充 前篇： quick-cocos2d-x图片资源加...
Cocos Creator 动态改变sprite图片
首先将存放图片最外层文件夹命名为resources 　　 changeBj: function(){ 　　　　var url...
iOSAndroidSwiftHybridCocos2d-xFlutterXcodeSilverlightcocoaCordova
调试桥筛选栏假异步不会丢失AndPermissio权限申请抽屉式systemUI信号栏多行排列跨多行显示viewmode数据共享录制语音视频通话多行显示Studio3.5拉伸控件望远镜发动态走势图点赞控件显示牌冷启动v3签名v2签名v1签名本地html外接键盘流式标签