Shader笔记2-灰度

         变灰shader很简单，就是改变了一下rgb的值。0.2126，0.7152，0.0722这几个系数是根据人眼对rgb这三种基本颜色识别的强弱算出来的。

顶点着色器 Grayscale.vert

//顶点着色器

attribute vec4 a_position;   //顶点坐标

attribute vec2 a_texCoord;  //纹理坐标

attribute vec4 a_color;        //顶点颜色

//varying 顶点shader和片段shader之间相互传递的参数。

varying vec4 v_fragmentColor;

varying vec2 v_texCoord;

void main()

{

        gl_Position = CC_PMatrix * a_position;

        v_fragmentColor = a_color;

        v_texCoord = a_texCoord;

}

片段着色器Grayscale.frag

//片段着色器

varying vec4 v_fragmentColor;

varying vec2 v_texCoord;

void main(void)

{

         vec4 c = texture2D(CC_Texture0, v_texCoord);

          //变灰就是改变了一下rgb的值。

          //0.2126，0.7152，0.0722这几个系数据说是根据人眼对rgb这三种基本颜色识别的强弱算出来的。

          gl_FragColor.xyz = vec3(0.2126*c.r + 0.7152*c.g + 0.0722*c.b);

         gl_FragColor.w = c.w;

}

使用示例

//精灵

auto splash = Sprite::create("HelloWorld.png");

splash->setPosition(100, 100);

this->addChild(splash, 1);

//vert:顶点着色器  frag:片段着色器

auto glprogram = GLProgram::createWithFilenames("Grayscale.vert", "Grayscale.frag");

auto glprogramstate = GLProgramState::getOrCreateWithGLProgram(glprogram);

splash->setGLProgramState(glprogramstate);

效果