cocos2dx shader应用——sprite变灰

在实际项目中，经常需要用到灰色图像。比如按钮变灰，一般情况下，我们需要准备三张图，一张正常颜色图，一张按钮按下图，一张按钮变灰图。若此种类似情况过多，就会导致资源包过大，这显然不是我们愿意看到的结果。此种情况下，我们就可以考虑修改程序的方法，实现正常颜色图变灰，就可以减少资源图。

借鉴了多位博主的代码，谢谢！~~分享精神！

使用版本：cocos2d-x2.2.1

在实际项目中，经常需要用到灰色图像。比如按钮变灰，一般情况下，我们需要准备三张图，一张正常颜色图，一张按钮按下图，一张按钮变灰图。若此种类似情况过多，就会导致资源包过大，这显然不是我们愿意看到的结果。此种情况下，我们就可以考虑修改程序的方法，实现正常颜色图变灰，就可以减少资源图。

基于上述情况，我们需要增加程序中图像变灰代码。具体有两种思路：

（一）因为图像在cocos2dx引擎中是使用CCImage加载进来的，图像数据也使用CCImage存储。因此，可以使用图像处理方法将图像数据修改，转换为灰度图，然后创建精灵；

（二）使用shader的方式，将图像显示转化为灰度图显示。

1、本文采用的就是第二种方式。具体步骤如下：写好一个图像变灰的shader程序，并放入到cocos2dx引擎下面的shader文件夹中。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

//ccShader_PositionTextureGray_frag.h "\n\ #ifdefGL_ES\n\ precisionmediump float ;\n\ #endif\n\ \n\ uniformsampler2Du_texture;\n\ varyingvec2v_texCoord;\n\ varyingvec4v_fragmentColor;\n\ \n\ void main( )\n\ {\n\ //ConverttogreyscaleusingNTSCweightings\n\ vec4col=texture2D(u_texture,v_texCoord);\n\ grey=dot(col.rgb,vec3(0.299,0.587,0.114));\n\ gl_FragColor=vec4(grey,grey,col.a);\n\ }\n\ ";

2、ccShaders.h中添加

1

extern CC_DLL const GLchar*ccPositionTextureGray_frag;

3、ccShaders.cpp中添加

2

GLchar*ccPositionTextureGray_frag= #include"ccShader_PositionTextureGray_frag.h"

4、CCshadercache.cpp中添加枚举类型

14

enum { kCCShaderType_PositionTextureColor, kCCShaderType_PositionTextureColorAlphaTest, kCCShaderType_PositionTextureGray, //addthis kCCShaderType_PositionColor, kCCShaderType_PositionTexture, kCCShaderType_PositionTexture_uColor, kCCShaderType_PositionTextureA8Color, kCCShaderType_Position_uColor, kCCShaderType_PositionLengthTexureColor, kCCShaderType_ControlSwitch, kCCShaderType_MAX, };

CCshadercache::loadDefaultShaders()中添加

6

//PositionTextureGrayshader p= new CCGLProgram(); loadDefaultShader(p,kCCShaderType_PositionTextureGray); m_pPrograms->setobject(p,kCCShader_PositionTextureGray); p->release();

CCshadercache::reloadDefaultShaders()中添加

4

p=programForKey(kCCShader_PositionTextureGray); p->reset(); ottom:0px!important; padding-left:0px!important; margin-top:0px!important; margin-right:0px!important; margin-bottom:0px!important; margin-left:0px!important; font-family:Consolas,kCCShaderType_PositionTextureGray);

CCshadercache::loadDefaultShader(CCGLProgram *p,int type)中添加

8

case kCCShaderType_PositionTextureGray: p->initWithVertexShaderByteArray(ccPositionTextureColor_vert,ccPositionTextureGray_frag); p->addAttribute(kCCAttributeNamePosition,kCCVertexAttrib_Position); p->addAttribute(kCCAttributeNameColor,kCCVertexAttrib_Color); p->addAttribute(kCCAttributeNameTexCoord,kCCVertexAttrib_TexCoords); break ;

5、CCGLProgram.h中添加

#definekCCShader_PositionTextureGray"ShaderPositionTextureGray"

6、新建一个灰度转换调用类（以便扩展其他的颜色转换）

18

19

20

21

//ColorUtils.h #ifndef__COLOR_UTILS_H__ #define__COLOR_UTILS_H__ #include"cocos2d.h" USING_NS_CC; class ColorUtils { public : ColorUtils(); ~ColorUtils(); static AddColorGray(CCSprite*spr); RemoveColorGray(CCSprite*spr); private : }; #endif

20

//ColorUtils.cpp #include"ColorUtils.h" ColorUtils::ColorUtils() { } ColorUtils::~ColorUtils() { } ColorUtils::AddColorGray(CCSprite*spr) { spr->setShaderProgram(CCshadercache::sharedshadercache()->programForKey(kCCShader_PositionTextureGray)); } ColorUtils::RemoveColorGray(CCSprite*spr) { spr->setShaderProgram(CCshadercache::sharedshadercache()->programForKey(kCCShader_PositionTextureColor)); }

over！~

效果图：

原文地址：https://www.jb51.cc/cocos2dx/343197.html