在android 手机上,大部分的机器模板测试都没问题。但是有一个奇葩的手机,小米2S,当只有一层需要模板测试的时候 ,在cocos2dx 里具体地说就是使用 CCClippingNode 的时候 ,是没问题的 。但是当一个 CCClippingNode嵌套另外一个 CCClippingNode 时,就会出现各种显示不出来的问题。cocostudio 制作 GUI 里面许多面板,当开启剪裁功能后 ,比如 UIPageView UIScrollView 也都是靠 CCClippingNode开启模板缓存来渲染的 。
原因没有具体弄明白,但是我用另外一个手段避开了这个问题。
因为是模板测试嵌套模板测试 时,才会有问题 ,并且这种问题很多出现在GUI上 ,GUI 的大背景通常是一个长方形 ,所以就把 GUI 的 renderer ,也就是 RectClippingNode剪裁时的渲染方式,从使用模板测试,修改为使用剪裁测试,并根据剪裁区域设置 opengl 的剪裁区域, 渲染时从渲染 clipping node,变为正常地渲染 普通 node .这样就比较完美地避开了了这个问题。
渲染前保存好 scissor相关的 参数,渲染后恢复即可。 cocos2dx渲染其他 opengl 特性的 node 的做法,通常也就是这样子的。具体可以参考 cocos2dx CCClippingNode 的 visit() 方法。
剪裁测试相关的关键字主要是 GL_SCISSOR_TEST glScissor() 之类的 ,具体api 可以自行查阅 OpenGL 资料。
通过此问题,我进一步地了解了 opengl渲染管线 几个测试的 的意义 和 顺序关系 ,也进一步知道了这几个测试 都是发生在 fragment shader 之后。
并且还了解到了 AndroidSDK 的一个分析渲染性能和渲染错误的工具 Tracer for OpenGL es,eclipse 如果安装了插件,就可以在eclipse里开启它了。 虽然最后解决问题没用到它,但是感觉这是一个不错的工具 。
具体的用法 官方文档有介绍 。可是山炮 的 小米 2S上也跑步起来这个工具。
解决了这个问题挺高兴,特此记录。
- void RectClippingNode::visit()
- {
- if (!m_bEnabled)
- {
- return;
- }
- if (m_bClippingEnabled)
- {
- #if (CC_TARGET_PLATFORM == CC_PLATFORM_ANDROID)
- // some android device,such as "mi 2s" do not support stencil test node in stencil test node
- // so when load cocostudio GUI,do not use stencil test,but use scissor test replace it.
- bool bEnabledScissorBefore = CCEGLView::sharedOpenGLView()->isScissorEnabled();
- CCRect scissorRectBefore = CCEGLView::sharedOpenGLView()->getScissorRect();
- // try to use Scissor Test replace Stencil Test
- glEnable(GL_SCISSOR_TEST);
- CCPoint worldPos = m_pParent->convertToWorldSpace(getPosition());
- CCPoint anchor = getAnchorPoint();
- CCPoint leftDownPos = ccp(worldPos.x - anchor.x * m_clippingSize.width,worldPos.y - anchor.y * m_clippingSize.height);
- CCEGLView::sharedOpenGLView()->setScissorInPoints(leftDownPos.x,leftDownPos.y,m_clippingSize.width,m_clippingSize.height); // @temp 0,0
- CCNode::visit();
- // restore opengl states
- bEnabledScissorBefore ? glEnable(GL_SCISSOR_TEST) : glDisable(GL_SCISSOR_TEST);
- CCEGLView::sharedOpenGLView()->setScissorInPoints(scissorRectBefore.origin.x,scissorRectBefore.origin.y,scissorRectBefore.size.width,scissorRectBefore.size.height);
- #else
- CCClippingNode::visit();
- #endif
- }
- else
- {
- CCNode::visit();
- }
- }