cocos2dx3.2版本利用shader实现sprite灰态图的正确方法

最新推荐文章于 2023-10-30 20:12:11 发布

liuxiaoyi135

最新推荐文章于 2023-10-30 20:12:11 发布

阅读量1.4k

点赞数

分类专栏： cocos2d-x

本文链接：https://blog.csdn.net/liuxiaoyi135/article/details/39701171

版权

本文介绍了在cocos2dx 3.2版本中，如何使用shader轻松实现精灵的灰度效果。通过提供vert和frag文件的代码示例，展示了创建和应用GLProgram的过程，指出3.2版本中GLProgram预定义了一些uniform和VertexAttribs，简化了设置步骤。

摘要由CSDN通过智能技术生成

关于cocos2dx生成灰图的方法网上可以搜到不少文章，但不得不吐槽一下都是抄来抄去，其实3.2版本的灰度shader非常简单。

代码我保持了2dx的一些风格，包括vert，frag文件命名规则和宏定义，这些在源码renderer目录都能找到。

首先是vert文件：

//ccShader_PositionTextureGray_.vert

const char* ccPositionTextureGray_vert = STRINGIFY(
attribute vec4 a_position;
attribute vec2 a_texCoord;
attribute vec4 a_color;

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

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

然后是frag文件:

//ccShader_PositionTextureGray_.frag

const char* ccPositionTextureGray_frag = STRINGIFY(
\n#ifdef GL_ES\n
precision lowp float;
\n#endif\n

varying vec4 v_fragmentColor;
varying vec2 v_texCoord;

void main()
{

vec4 color = texture2D(CC_Texture0,