Cocos2d-x shader学习1: 灰度shader
来源:互联网 发布:足球排阵容软件 编辑:程序博客网 时间:2024/05/16 19:08
灰度shader
最近在学习shader,就把cocos2d-x 3.x版本中的很简单也很常用的灰度shader拿出来学习一下。
#ifdef GL_ESprecision mediump float; // ES版本的精度限定符,精度变低后可以提高效率#endifvarying vec4 v_fragmentColor;varying vec2 v_texCoord;void main(void) vec4 c = texture2D(CC_Texture0, v_texCoord); gl_FragColor.xyz = vec3(0.2126*c.r + 0.7152*c.g + 0.0722*c.b); gl_FragColor.w = c.w;}
代码分析
precision mediump float
是open es特有的精度限定符,原本的浮点数精度是double
,opengl es为了提高渲染效率,限定精度为float
类型。
v_fragmentColor
是从顶点着色器设置的颜色经过光栅化阶段的线性插值后传给片段着色器的颜色。
v_texCoord
同样是经过线性插值而来的纹理坐标。
下面是顶点着色器的代码:
const char* ccPositionTextureColor_noMVP_vert = STRINGIFY(attribute vec4 a_position;attribute vec2 a_texCoord;attribute vec4 a_color;\n#ifdef GL_ES\nvarying lowp vec4 v_fragmentColor;varying mediump vec2 v_texCoord;\n#else\nvarying vec4 v_fragmentColor;varying vec2 v_texCoord;\n#endif\nvoid main(){ gl_Position = CC_PMatrix * a_position; v_fragmentColor = a_color; v_texCoord = a_texCoord;});
CC_Texture0
是一个采样器,在load shader的时候,引擎会预先把这些uniform
变量给加载进来。
下面这部分代码就是引擎预先加载进来的uniform
变量:
static const char * COCOS2D_SHADER_UNIFORMS = "uniform mat4 CC_PMatrix;\n" "uniform mat4 CC_MVMatrix;\n" "uniform mat4 CC_MVPMatrix;\n" "uniform mat3 CC_NormalMatrix;\n" "uniform vec4 CC_Time;\n" "uniform vec4 CC_SinTime;\n" "uniform vec4 CC_CosTime;\n" "uniform vec4 CC_Random01;\n" "uniform sampler2D CC_Texture0;\n" "uniform sampler2D CC_Texture1;\n" "uniform sampler2D CC_Texture2;\n" "uniform sampler2D CC_Texture3;\n" "//CC INCLUDES END\n\n";
这些变量在shader里面如果没有用到的话,会被引擎给优化掉。
texture2D()
是shader的内建方法,作用是从CC_Texture0
采样器中进行纹理采样,得到当前片段的颜色值。
gl_FragColor
是shader的内建变量,表示当前片段的颜色,代码中是把从采样器中拿到的颜色值进行一个变灰处理后,最后得到的颜色值再赋值给gl_FragColor
。gl_FragColor
就是最终的颜色。
这个shader很简单,就是改变了一下rgb的值。0.2126
,0.7152
,0.0722
这几个系数据说是根据人眼对rgb这三种基本颜色识别的强弱算出来的。
使用示例
在cocos2dx 3.x版本中sprite变灰的代码例子:
auto sprite = Sprite::create("HelloWorld.png");sprite->setGLProgramState(GLProgramState::getOrCreateWithGLProgramName(GLProgram::SHADER_NAME_POSITION_GRAYSCALE));
效果如下图所示:
0 0
- Cocos2d-x shader学习1: 灰度shader
- Cocos2d-x shader学习1: 灰度shader
- Cocos2d-x shader学习2: 模糊(Blur)
- cocos2d-x shader
- Cocos2d-X的shader
- cocos2d-x shader(1)-基本概念与使用
- Cocos2d-x lua shader使用
- 【Cocos2d-x】shader语法注意事项
- Cocos2d-x shader学习3: sprite描边(Outline)
- cocos2d-x 3.1.1 学习笔记[15] Shader 著色器
- 【cocos2d-x 2.x 学习与应用总结】12: cocos2d-x预定义shader源码
- Cocos2D-X shader(三) Shader and Program编程基本概念
- cocos2d-x OpenGL Shader 图片特效处理
- cocos2d-x用shader来实现阴影
- cocos2d-x中shader的使用
- Cocos2d-X的shader小实例
- cocos2d-x中shader的使用
- Cocos2D-X shader(一) 渲染机制
- unity中的状态机
- 计算机网络原理笔记(二、物理层)
- 下载进度指示器初版。。。
- 【慕课笔记】U2 封装 第7节 JAVA中的静态内部类
- UIGestureRecognizer-手势识别器
- Cocos2d-x shader学习1: 灰度shader
- MongoDB 初见指南
- 无缝隙滚动
- Oracle学习(序言)
- leetcode学习笔记3
- 从 0 到 1:微信后台系统的演进之路
- rinetd安装
- java接口和抽象类的区别和作用(功能、用途、好处)
- 计算机网络原理笔记(三、数据链路层)