灰化shader--lua代码

灰化图片

在res新建2个文件,1个是vsh,1个是fsh

shader_gray.fsh >>>

#ifdef GL_ES

precision mediump float;

#endif

varying vec4 v_fragmentColor;

varying vec2 v_texCoord;

void main()

{

vec4 c = v_fragmentColor * texture2D(CC_Texture0, v_texCoord);

float gray = dot(c.rgb, vec3(0.3, 0.2, 0.2));//灰化的三种颜色值

gl_FragColor = vec4(gray, gray, gray, c.a);

}

shader_gray.vsh >>>

attribute vec4 a_position;

attribute vec2 a_texCoord;

attribute vec4 a_color;

#ifdef GL_ES

varying lowp vec4 v_fragmentColor;

varying mediump vec2 v_texCoord;

#else

varying vec4 v_fragmentColor;

varying vec2 v_texCoord;

#endif

void main()

{

gl_Position = CC_PMatrix * a_position;

v_fragmentColor = a_color;

v_texCoord = a_texCoord;

}


调用方法:

local function getGLProgram()

      return cc.GLProgram:createWithFilenames("shader_gray.vsh", "shader_gray_fsh")

end

local function graySprite(sprite )

      local pProgram = getGLProgram()

      sprite:setGLProgram(pProgram)

end

--清除shader

local function cleanSpriteShader( sprite )

sprite:setGLProgramState(cc.GLProgramState:getOrCreateWithGLProgram(cc.GLProgramCache:getInstance():getGLProgram("ShaderPositionTextureColor_noMVP")));

end


对于cocosStudio的节点,可以再封装下:

local function grayWidget( widget )

    if string.find(tolua.type(widget), "ccui") then

          local render = widget:getVirtualRenderer()

          if widget:isScale9Enabled() then

                 widget:setCascadeOpacityEnabled(true)--忽略原来的透明度

          end

          local sprite = render:getSprite()

         graySprite(sprite)

    end

end

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文主要介绍cocos2d-x如何使用OpenGL实现着色器程序,介绍可以通过GLSL语言实现的两类着色器...
    work_xiao阅读 4,813评论 0 5
  • 描边原理:在片段着色器里面,对于每个像素:1. 如果它是不透明的像素,则不管,维持原本颜色;2. 如果透明,是...
    work_xiao阅读 3,028评论 1 1
  • 《ilua》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 1...
    叶染柒丶阅读 11,071评论 0 11
  • 马赛克原理 要实现马赛克的效果,需要把图片一个相当大小的正方形区域用同一个点的颜色来表示,相当于将连续的颜色...
    work_xiao阅读 1,376评论 0 0
  • 导语:每个人都有一层铠甲,或厚或薄而已。让我们同骑士一起踏上卸甲之路 作者:罗伯特·费希尔[美] 第四章沉默之堡 ...
    南山读书阅读 791评论 0 0