Go Cocos2dx-js using Shader on a Sprite

For example, the following is a simple color change program, blue to Red, JS code:

2. var url = "res/sb.jpg";
4. var sp = new CC. Sprite (URL);
6. Sp.setanchorpoint (0,0);
8. This.addchild (SP);
10. This.shader = new CC. Glprogram ("Res/shaders/example_flower.vsh", "Res/shaders/example_flower.fsh");
12. This.shader.retain ();
14. This.shader.link ();
16. this.shader.updateUniforms ();
18. var program = This.shader.getProgram ();
20. Sp.shaderprogram = This.shader;

VertexShader

2. Attribute Vec4 a_position;
4. Attribute VEC2 A_texcoord;
6. Attribute Vec4 A_color;
10. #ifdef gl_es
12. Varying lowp vec4 v_fragmentcolor;
14. Varying mediump vec2 V_texcoord;
16. #Else
18. Varying VEC4 v_fragmentcolor;
20. Varying VEC2 V_texcoord;
22. #endif
26. void main()
28. {
30. gl_position = Cc_pmatrix * a_position;
32. V_fragmentcolor = A_color;
34. V_texcoord = A_texcoord;
36. }

Fragmentshader

2. #ifdef gl_es
4. Precision lowp float;
6. #endif
10. Varying VEC4 v_fragmentcolor;
12. Varying VEC2 V_texcoord;
16. void main()
18. {
20. Gl_fragcolor = V_fragmentcolor * TEXTURE2D (CC_TEXTURE0, V_texcoord);
22. float r = gl_fragcolor[0];
24. float g = gl_fragcolor[1];
26. float B = gl_fragcolor[2];
28. float a = gl_fragcolor[3];
30. if (b > R && B > G && B > (r*0.5 + g*0.5) *1.5) {
32. gl_fragcolor[0] = b;
34. gl_fragcolor[2] = R;
36. }
38. } Original Address: 50542860

(GO) cocos2dx-js use Shader on Sprite