Cocos2d Shader 图片流光效果，并优化如何去除if else 判断

Cocos2d Shader 图片流光效果，并优化如何去除if else 判断

介绍

这里分享一个简单的图片流光Shader。原理很简单就是一个带范围的直线区域，在区域内做颜色的乘法叠加（目的是为了增强亮度）。并让区域在X轴方向周期性滚动。

下面我会在功能一样的情况下，给出3个版本。为什么要这么做呢？废话不多说，上代码。

代码

顶点程序，这个没什么特别，3个版本都是一样的。

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_MVPMatrix * a_position;
v_fragmentColor = a_color;
v_texCoord = a_texCoord;
}

片段程序（片元程序），x和y满足直线解析方程：y = kx+b。其中k就是斜率。流光的话就肯定有个宽度，所以在定义一个R，来作为宽度的一半来做左右偏移形成一个区域。

#ifdef GL_ES
precision lowp float;
#endif
varying vec4 v_fragmentColor;
varying vec2 v_texCoord;
uni