Cocos2d-x3.2与OpenGL渲染总结(一)Cocos2d-x3.2的渲染流程

  次阅读 作者:智能小宝 来源:互联网 2015-09-28 10:37 我要评论(0)

最近几天,我都在学习如何在Cocos2d-x3.2中使用OpenGL来实现对图形的渲染。在网上也看到了很多好的文章,我在它们的基础上做了这次的我个人认为比较完整的总结。当你了解了Cocos2d-x3.2中对图形渲染的流程,你就会觉得要学会写自己的shader才是最重要的。

第一,渲染流程从2.x到3.x的变化。

在2.x中,渲染过程是通过递归渲染树(Rendering tree)这种图关系来渲染关系图。递归调用visit()函数,并且在visit()函数中调用该节点的draw函数渲染各个节点,此时draw函数的作用是直接调用OpenGL代码进行图形的渲染。由于visit()和draw函数都是虚函数,所以要注意执行时的多态。那么我们来看看2.x版本中CCSprite的draw函数,如代码1。

代码1:

//这是cocos2d-2.0-x-2.0.4版本的CCSprite的draw函数

void CCSprite::draw(void)

{

CC_PROFILER_START_CATEGORY(kCCProfilerCategorySprite, "CCSprite - draw");

CCAssert(!m_pobBatchNode, "If CCSprite is being rendered by CCSpriteBatchNode, CCSprite#draw SHOULD NOT be called");

CC_NODE_DRAW_SETUP();

ccGLBlendFunc( m_sBlendFunc.src, m_sBlendFunc.dst );

if (m_pobTexture != NULL)

{

ccGLBindTexture2D( m_pobTexture->getName() );

}

else

{

ccGLBindTexture2D(0);

}

//

// Attributes

//

ccGLEnableVertexAttribs( kCCVertexAttribFlag_PosColorTex );

#define kQuadSize sizeof(m_sQuad.bl)

long offset = (long)&m_sQuad;

// vertex

int diff = offsetof( ccV3F_C4B_T2F, vertices);

glVertexAttribPointer(kCCVertexAttrib_Position, 3, GL_FLOAT, GL_FALSE, kQuadSize, (void*) (offset + diff));

// texCoods

diff = offsetof( ccV3F_C4B_T2F, texCoords);

glVertexAttribPointer(kCCVertexAttrib_TexCoords, 2, GL_FLOAT, GL_FALSE, kQuadSize, (void*)(offset + diff));

// color

diff = offsetof( ccV3F_C4B_T2F, colors);

glVertexAttribPointer(kCCVertexAttrib_Color, 4, GL_UNSIGNED_BYTE, GL_TRUE, kQuadSize, (void*)(offset + diff));

glDrawArrays(GL_TRIANGLE_STRIP, 0, 4);

CHECK_GL_ERROR_DEBUG();

#if CC_SPRITE_DEBUG_DRAW == 1

// draw bounding box

CCPoint vertices[4]={

ccp(m_sQuad.tl.vertices.x,m_sQuad.tl.vertices.y),

ccp(m_sQuad.bl.vertices.x,m_sQuad.bl.vertices.y),

ccp(m_sQuad.br.vertices.x,m_sQuad.br.vertices.y),

ccp(m_sQuad.tr.vertices.x,m_sQuad.tr.vertices.y),

};

ccDrawPoly(vertices, 4, true);

#elif CC_SPRITE_DEBUG_DRAW == 2

// draw texture box

CCSize s = this->getTextureRect().size;

CCPoint offsetPix = this->getOffsetPosition();

CCPoint vertices[4] = {

本站文章信息来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 韩春雨称已能重复实验结果 近期将有消息公布

    韩春雨称已能重复实验结果 近期将有消息公布

  • 未来两年人工智能要怎么走?看这篇就够了

    未来两年人工智能要怎么走?看这篇就够了

  • 无人驾驶汽车如何改变城市生活?听听他们怎么说

    无人驾驶汽车如何改变城市生活?听听他们怎么说

  • 英国研发“杀生”机器人 通过生命体获取能量

    英国研发“杀生”机器人 通过生命体获取能量

网友点评网友点评
阅读推荐阅读推荐

据国外媒体报道,在过去两年内,聊天机器人(chatbot)、人工智能以及机器学习的研发和采用取得了巨大进展。许多初创公司正利用人工智能和...

霍金 视觉中国 图 英国著名物理学家霍金(Stephen Hawking)再次就人工智能(AI)发声,他认为:对于人类来说,强大AI的出现可能是最美妙的...

文|郑娟娟 今年,人工智能(AI) 60岁了。在AI60岁的时候,笔者想要介绍一下AI100,一个刚刚2岁的研究项目,但它的预设寿命是100年,甚至更长...

AlphaGo与李世石的人机大战,为大众迅速普及了人工智能的概念。 但对谷歌而言,除了下围棋,现在的人工智能进展到哪一步了?未来,人工智能...