Cocos2dx 使用Shader使精灵变灰

最新推荐文章于 2026-05-28 09:36:29 发布

原创最新推荐文章于 2026-05-28 09:36:29 发布 · 1.5k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

cocos2dx

当前文章被收录于：

cocos2dx

22 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍如何使用 Cocos2d-x 和自定义着色器实现图片的灰度显示效果。通过创建 Sprite 对象并设置特定的顶点着色器 (VSH) 和片段着色器 (FSH)，可以对图像应用灰度处理。这种方法简单且易于理解。

低功耗蓝牙项目，需要一块懂省电的板

思澈 SF32LB52 芯片，BLE 协议栈深度优化，上手即开发

点击查看

使用方法：

auto spr = Sprite::create("spr.png");
auto program = CCGLProgram::createWithFilenames("gray.vsh", "gray.fsh"); //装配一个shader文件
program->link();
program->updateUniforms();

spr->setShaderProgram(program);

this->addChild(spr);

gray.vsh:

attribute vec4 a_position;  //内置的默认坐标
attribute vec2 a_texCoord;  //内置的默认纹理坐标
attribute vec4 a_color;     //内置的默认颜色


varying vec4 v_fragmentColor;
varying vec2 v_texCoord;

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

gray.fsh:

varying 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;
}