Cocos2d-x中使用OpenGL ES2.0编写shader

这几天在看子龙山人的关于OpenGL的文章，先依葫芦画瓢，能看到些东西，才能慢慢深入了解，当入门文章不错，但是其中遇到的一些问题，折腾了一些时间，为了方便和我一样的小白们，在这篇文章中进行写补充。

OpenGL ES2.0教程：编写自己的shader(2)--子龙山人

文章中关于VBO和VAO部分的代码的写法，我进行了些修改，将重复使用的变量定义全局变量，并修改初始化数据位置，防止在onDraw方法中重复的Malloc，致使内存泄露，具体的修改在代码注释中会说明。

源码如下：

HelloWorldScene.h

#include "cocos2d.h"

USING_NS_CC;

class HelloWorld : public cocos2d::Layer

{

public:

static cocos2d::Scene* createScene();

virtual bool init() override;

CREATE_FUNC(HelloWorld);

virtual void visit(Renderer *renderer, const Mat4& parentTransform,   uint32_t parentFlags) override;

void onDraw();

private:

CustomCommand _command;

float _position[16];

float _color[12];

GLProgram* glProgram;

GLuint vao;//定义VAO缓冲

GLuint positionVBO;

GLuint colorVBO;

GLuint positionLocation;

GLuint colorLocation;

};

HelloWorldScene.cpp

#include "HelloWorldScene.h"

Scene* HelloWorld::createScene()
{
auto scene = Scene::create();

auto layer = HelloWorld::create();

scene->addChild(layer);

return scene;
}

void HelloWorld::visit(Renderer *renderer, const Mat4 &transform,uint32_t parentFlags)
{
Layer::visit(renderer, transform, parentFlags);
_command.init(_globalZOrder);
_command.func = CC_CALLBACK_0(HelloWorld::onDraw, this);
Director::getInstance()->getRenderer()->addCommand(&_command);
}

void HelloWorld::onDraw()
{
//使用已经在init中初始化的glProgram
glProgram->use();
glProgram->setUniformsForBuiltins();

//获取VAO（OSX和ISO中默认开启，windows中默认不开启）
glBindVertexArray(vao);

//获取VBO
glBindBuffer(GL_ARRAY_BUFFER, positionVBO);
//填充坐标数据
glBufferData(GL_ARRAY_BUFFER, sizeof(_position), _position, GL_STATIC_DRAW);
positionLocation = glGetAttribLocation(glProgram->getProgram(), "a_position");
glEnableVertexAttribArray(positionLocation);
glVertexAttribPointer(positionLocation, 2, GL_FLOAT, GL_FALSE, 0, (GLvoid*)0);

//获取VBO
glBindBuffer(GL_ARRAY_BUFFER, colorVBO);
//填充颜色数据
glBufferData(GL_ARRAY_BUFFER, sizeof(_color), _color, GL_STATIC_DRAW);
colorLocation = glGetAttribLocation(glProgram->getProgram(), "a_color");
glEnableVertexAttribArray(colorLocation);
glVertexAttribPointer(colorLocation, 4, GL_FLOAT, GL_FALSE, 0, (GLvoid*)0);

//使用VAO
glBindVertexArray(vao);
//渲染
glDrawArrays(GL_TRIANGLES, 0, 3);
//清空VAO
glBindVertexArray(0);

CC_INCREMENT_GL_DRAWN_BATCHES_AND_VERTICES(1, 3);
CHECK_GL_ERROR_DEBUG();
}

bool HelloWorld::init()
{
if ( !Layer::init() )
{
return false;
}

//准备数据
auto size = Director::getInstance()->getWinSize();
float position[] = { 0, 0, size.width, 0, size.width / 2, size.height};
float color[] = { 0, 1, 0, 1, 1, 0, 0, 1, 0, 0, 1, 1};
for (int i = 0; i < sizeof(position); i++) {
_position[i] = position[i];
}
for (int i = 0; i < sizeof(color); i++) {
_color[i] = color[i];
}

//vert和frag文件和原文一样，直接放在Classes目录就可以读取到（环境：XCode）
glProgram = new GLProgram;
glProgram->initWithFilenames("myVertextShader.vert","myFragmentShader.frag");
glProgram->link();
glProgram->updateUniforms();
this->setGLProgram(glProgram);

//glGen的系列方法会不断的Malloc内存空间，写在onDraw中会导致内存泄漏
glGenVertexArrays(1, &vao);
glGenBuffers(1, &positionVBO);
glGenBuffers(1, &colorVBO);
return true;
}

运行结果：