CCGLProgram簡單配置及應(yīng)用(cocos2dx-lua-v2.2.5)

在cocos2d-x中有兩個(gè)類CCGLProgram和CCShaderCache.CCGLProgram類來處理著色器相干操作，對(duì)當(dāng)前繪圖程序進(jìn)行了封裝.CCShaderCache通過CCGLProgram來完成對(duì)shaders的緩存和管理.這兩個(gè)類的功能在項(xiàng)目中常常用到，比照實(shí)現(xiàn)圖像由正常色彩變成灰色（好處是減少資源圖），還有在刀塔傳奇中用令人物冰封，石化等效果都是用shader.

這里對(duì)這兩個(gè)類的功能不作深入討論，由于本人也是剛剛接觸，這里主要是介紹在Quick-cocos2dx-lua -v2.2.6版本中如何配置和使用這個(gè)功能。

由于Quick-cocos2dx-lua -v2.2.6版本中沒有在tolua中導(dǎo)出CCGLProgram，所以lua中不能使用。

接下來就是生成可使用CCGLProgram的framework和player

第1：找到CCGLProgram.h和CCGLProgram.cpp,：

在CCGLProgram.h中聲明以下兩個(gè)函數(shù)：

static CCGLProgram* createWithByteArrays(const char* vShaderByteArray, const char* fShaderByteArray);
static CCGLProgram* createWithFilenames(const char* vShaderFilename, const char* fShaderFilename);

在CCGLProgram.cpp實(shí)現(xiàn)這兩個(gè)方法（這兩個(gè)方法可以參考v3.5）：

CCGLProgram* CCGLProgram::createWithByteArrays(const char* vShaderByteArray, const char* fShaderByteArray)
{
    CCGLProgram* ret = new  CCGLProgram();
    if(ret && ret->initWithVertexShaderByteArray(vShaderByteArray, fShaderByteArray)) {
        ret->autorelease();
        return ret;
    }

    CC_SAFE_DELETE(ret);
    return nullptr;
}

CCGLProgram* CCGLProgram::createWithFilenames(const char* vShaderFilename, const char* fShaderFilename)
{
    auto ret = new  CCGLProgram();
    if(ret && ret->initWithVertexShaderFilename(vShaderFilename, fShaderFilename)) {
        ret->autorelease();
        return ret;
    }

    CC_SAFE_DELETE(ret);
    return nullptr;
}

注掉：CCGLProgram構(gòu)造方法中兩行：

     // there is no need to delete the shaders. They should have been already deleted.
    //CCAssert(m_uVertShader == 0, "Vertex Shaders should have been already deleted");
    //CCAssert(m_uFragShader == 0, "Fragment Shaders should have been already deleted");

第2：修改framework

進(jìn)入libluabindingcocos2dxdraw_nodes，新建文件CCGLProgram.tolua，內(nèi)容以下：

class CCGLProgram : public CCObject
{
    static CCGLProgram* createWithByteArrays(const char* vShaderByteArray, const char* fShaderByteArray);
    static CCGLProgram* createWithFilenames(const char* vShaderFilename, const char* fShaderFilename);
    void addAttribute(const char* attributeName, GLuint index); 
    bool link();
    void use();
    void updateUniforms();

}

注：這里是導(dǎo)出你所需要的公共方法，供在lua中調(diào)用。

修改：libluabindingcocos2dxCocos2d.tolua,

增加 $pfile "cocos2dx/draw_nodes/CCGLProgram.tolua"

接下履行tolua指令，由quick cocos framework提供：

履行：libluabindinguild.bat,和incompile_luabinding.bat

履行完命令后檢查tolua綁定：

libcocos2d-xscriptingluacocos2dx_supportLuaCocos2d.cpp是不是生成CCGLProgram相干綁定函數(shù)

生成：framework_precompiled.zip

履行bat:binmake_framework_package.bat會(huì)重生生成framework_precompiled.zip

第3：生新編譯生成player.exe

由于修改了cpp（LuaCocos2d.cpp，CCGLProgram.cpp）,需要重新編譯player.

用vs2013直接打開playerproj.win32player.vcxproj編譯就能夠了。

第4：簡單利用shader:

local pProgram = CCGLProgram:createWithFilenames("res/shader/IceShader.vsh","res/shader/IceShader.fsh")

self.sp = display.newSprite("house.png"):addTo(self)
 self.sp:setPosition(300, 100)
 pProgram:addAttribute("a_position", 0) --對(duì)應(yīng)vs里面的頂點(diǎn)坐標(biāo)
    pProgram:addAttribute("a_color", 1) --對(duì)應(yīng)vs里面的頂點(diǎn)色彩
    pProgram:addAttribute("a_texCoord", 2)--對(duì)應(yīng)vs里面的頂點(diǎn)紋理坐標(biāo)
    pProgram:link() -- 由于綁定了屬性，所以需要link1下，否則vs沒法辨認(rèn)屬性
    pProgram:updateUniforms() -- 綁定了紋理貼圖
    self.sp:setShaderProgram(pProgram)

注：

IceShader.fsh內(nèi)容：

#ifdef GL_ES
precision mediump float;
#endif

varying vec4 v_fragmentColor;
varying vec2 v_texCoord;
uniform sampler2D u_texture;

void main()
{
    vec4 color1 = texture2D(u_texture, v_texCoord) * v_fragmentColor;
 float brightness = (color1.r + color1.g + color1.b) * (1. / 3.);
 float gray = (1.5)*brightness;
 color1 = vec4(gray, gray, gray, color1.a)*vec4(0.8,1.2,1.5,1);
    gl_FragColor =color1;
}

IceShader.vsh文件內(nèi)容：

attribute vec4 a_position;
attribute vec2 a_texCoord;
attribute vec4 a_color;

#ifdef GL_ES
varying lowp vec4 v_fragmentColor;
varying mediump vec2 v_texCoord;
#else
varying vec4 v_fragmentColor;
varying vec2 v_texCoord;
#endif

void main()
{
 gl_Position = CC_MVPMatrix * a_position;
 v_fragmentColor = a_color;
 v_texCoord = a_texCoord;
}

程序運(yùn)行結(jié)果：

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)