一些說明

• 本人也是剛剛開始學習,因此肯定需要參考別人的資料,我主要參考的是 子龍山人 的博客, learnopengl, 當然還有一些國外的網站, 這里就不一一列舉了。

準備工作

• 創建工程

cocos new -l cpp

運行結果

我的模版工程放在 /Users/gaopeirong/MyCppGame
關于 cocos 的說明與安裝, 請看 這里
如果使用快捷的安裝方式, 請看 這里

• 編譯運行

cocos run -s /Users/gaopeirong/MyCppGame －p ios
# 注意，如果想理解參數的含義, 請運行 cocos run －help

注意: 以上步驟是很必要的。

畫三角形

• 我的是 mac 電腦因此使用的是 iOS 或者 Mac 的工程:

$cd /Users/gaopeirong/MyCppGame/proj.ios_mac
// and open project with xcode

• 由于Cocos2D-X 從3.0開始引入了一種新的渲染機制，所有的OpenGL渲染代碼不再放到每一個node的draw函數里面，而是通過各種RenderCommand封裝起來，然后添加到一個渲染隊列里面去，最后在每一幀結束時把所有的這些命令都渲染出來。具體細節，大家可以參考 這里

• 重載 visit 函數

// .h
class HelloWorld : public cocos2d::Layer
{
public:
    static cocos2d::Scene* createScene();

    virtual bool init() override;
    
    // a selector callback
    void menuCloseCallback(cocos2d::Ref* pSender);
    
    // implement the "static create()" method manually
    CREATE_FUNC(HelloWorld);
    
    // 重載函數
    virtual void visit(cocos2d::Renderer *renderer, const cocos2d::Mat4& parentTransform, uint32_t parentFlags) override;
    
    void onDraw();
    
private:
    cocos2d::CustomCommand _command;
};

// .cpp
bool HelloWorld::init()
{
    //////////////////////////////
    // 1. super init first
    if ( !Layer::init() )
    {
        return false;
    }
    
    // 指定 shader
    this->setGLProgram(GLProgramCache::getInstance()->getGLProgram(GLProgram::SHADER_NAME_POSITION_COLOR));

    return true;
}

void HelloWorld::onDraw()
{
    //獲得當前HelloWorld的shader
    auto glProgram = getGLProgram();
    
    //使用此shader
    glProgram->use();
    
    //設置該shader的一些內置uniform,主要是MVP，即model-view-project矩陣
    glProgram->setUniformsForBuiltins();
    
    auto size = Director::getInstance()->getWinSize();
    
    //指定將要繪制的三角形的三個頂點，分別位到屏幕左下角，右下角和正中間的頂端
    float vertercises[] = {
        0,0,
        size.width, 0,
        size.width / 2, size.height
    };
    
    //指定每一個頂點的顏色，顏色值是RGBA格式的，取值范圍是0-1
    float color[] = {
        0, 1,0, 1,    //第一個點的顏色，綠色
        1,0,0, 1,  //第二個點的顏色, 紅色
        0, 0, 1, 1};  //第三個點的顏色， 藍色
    
    //激活名字為position和color的vertex attribute
    GL::enableVertexAttribs(GL::VERTEX_ATTRIB_FLAG_POSITION | GL::VERTEX_ATTRIB_FLAG_COLOR);

    //分別給position和color指定數據源
    glVertexAttribPointer(GLProgram::VERTEX_ATTRIB_POSITION, 2, GL_FLOAT, GL_FALSE, 0, vertercises);
    glVertexAttribPointer(GLProgram::VERTEX_ATTRIB_COLOR, 4, GL_FLOAT, GL_FALSE, 0, color);
    
    //繪制三角形，所謂的draw call就是指這個函數調用
    glDrawArrays(GL_TRIANGLES, 0, 3);
    
    //通知cocos2d-x 的renderer，讓它在合適的時候調用這些OpenGL命令
    CC_INCREMENT_GL_DRAWN_BATCHES_AND_VERTICES(1, 3);
    
    //如果出錯了，可以使用這個函數來獲取出錯信息
    CHECK_GL_ERROR_DEBUG();
}

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