Cocos2dx 使用Shader使精灵变灰

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用方法:

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

原理比较简单,gl_FragColor是shader的内建变量,表示当前片段的颜色,代码中是把从采样器中(CC_Texture0)拿到的颜色值进行一个变灰处理后,最后得到的颜色值再赋值给gl_FragColor

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值