cocos2d-x 源码剖析（17）

这节本来是打算接着上一篇发的，但是那天实在太晚了就拖了下来。没想到昨天在邮箱里面赫然发现了《炉石传说》的封测兑换码，节奏立马就变了。昨天和今天体验了一把，策略性很强，不过如果你玩到一定阶段就是拼人品和卡牌了。我相信之后《炉石传说》之后会加入四人对战模式，双人对战策略略显单薄了些。今天连胜五把，解锁了2个新英雄，来篇文章纪念下。

上一篇其实还没有将CCTexture讲完。cocos2d-x在很多地方，为了使用的方便把一些概念上分开的东西整合到了一起，比如CCTexture是维护Texture用的，但是里面却有两个绘制函数:

/** draws a texture at a given point */void drawAtPoint(const CCPoint& point);/** draws a texture inside a rect */void drawInRect(const CCRect& rect);

这节之所以单独来讲，是因为这是整个2D引擎中最核心的所在——绘制一张图片。如果你是用原生的OpenGL来做到这一步，那是相当的繁琐。但是现在cocos2d-x把那些脏活累活都做完了，显示一张图片就变得很简单了。我们使用CCTexture来讲图片的绘制，是为了以后讲CCSprite做铺垫。知道如何显示图片，是了解如何显示更复杂内容的基础。先来看看代码：

void CCTexture2D::drawAtPoint(const CCPoint& point){  GLfloat    coordinates[] = {        0.0f,    m_fMaxT,    m_fMaxS,m_fMaxT,    0.0f,    0.0f,    m_fMaxS,0.0f };   GLfloat    width = (GLfloat)m_uPixelsWide * m_fMaxS,  height = (GLfloat)m_uPixelsHigh * m_fMaxT;   GLfloat        vertices[] = {        point.x,            point.y,    width + point.x,    point.y,    point.x,            height  + point.y,    width + point.x,    height  + point.y };   ccGLEnableVertexAttribs( kCCVertexAttribFlag_Position | kCCVertexAttribFlag_TexCoords );  m_pShaderProgram->use();  m_pShaderProgram->setUniformsForBuiltins();   ccGLBindTexture2D( m_uName ); #ifdef EMSCRIPTEN  setGLBufferData(vertices, 8 * sizeof(GLfloat), 0);  glVertexAttribPointer(kCCVertexAttrib_Position, 2, GL_FLOAT, GL_FALSE, 0, 0);   setGLBufferData(coordinates, 8 * sizeof(GLfloat), 1);  glVertexAttribPointer(kCCVertexAttrib_TexCoords, 2, GL_FLOAT, GL_FALSE, 0, 0);#else  glVertexAttribPointer(kCCVertexAttrib_Position, 2, GL_FLOAT, GL_FALSE, 0, vertices);  glVertexAttribPointer(kCCVertexAttrib_TexCoords, 2, GL_FLOAT, GL_FALSE, 0, coordinates);#endif // EMSCRIPTEN   glDrawArrays(GL_TRIANGLE_STRIP, 0, 4);}

• 第一步初始化了一个纹理坐标。
• 第二步初始化了一个定点坐标。
• 第三步开启顶点坐标和纹理坐标。
• 第四步指定shader程序
• 第五步绑定当前纹理，这步就是纹理的核心了，也就是那个m_uNane。
• 第六步传输顶点坐标和纹理坐标。
• 第七步绘制图形。

简单的绘制一个图片就是这个流程，如果没有cocos2d-x的帮助，想要自己写一套还真要费不少事情。当然这个API要到OpenGL的上下文中才能执行。而cocos2d-x的OpenGL上下文只有在Node的draw中才有，所以我们写一个简单的demo来看看效果，为了省事我直接拿HelloCpp来改了，相关的函数如下：

bool HelloWorld::init(){  earth_ = new CCTexture2D();  auto image = new CCImage();  image->initWithImageFile("earth.jpg");  earth_->initWithImage(image);  CC_SAFE_DELETE(image);  return true;} void HelloWorld::draw() {  CCLayer::draw();  earth_->drawAtPoint(CCPointZero);}

同样没做错误处理，希望大家不要介意，下面是显示效果：