cocos2d-x中流光效果

最新推荐文章于 2021-11-06 23:02:13 发布

kuangbendewoniu2

最新推荐文章于 2021-11-06 23:02:13 发布

阅读量2.6k

点赞数

分类专栏： cocos2d-x 文章标签： cocos2d-x

本文链接：https://blog.csdn.net/kuangbendewoniu2/article/details/78772052

版权

本文介绍了如何在cocos2d-x游戏引擎中创建流光效果，包括使用shader代码、cocos2d-x的内核实现以及ShaderNode的详细用法。

摘要由CSDN通过智能技术生成

shader代码

#ifdef GL_ES                                
precision lowp float;                        
#endif                                        

uniform sampler2D u_texture;                
uniform sampler2D u_mask;               
uniform float factor;
uniform float width;                
uniform float offset;               
uniform vec3 color; 

varying vec4 v_fragmentColor;                
varying vec2 v_texCoord;

const float SQRT_2 = 1.414f;

void main()                                    
{                                            
    vec4 texColor = texture2D(u_texture, v_texCoord);
    // line (x+y-offset=0) offset:[0, 2] (2->0)
    //     |y
    //     |
    // ____|0___ 1___2____x
    //     |    |
    //     |____|*
    float distance = abs(v_texCoord[0]+v_texCoord[1]-offset)/SQRT_2; 
    // linear gradient 
    // (1/width)x + y = 1
    distance = 1.0f-(1.0f/width)*distance;
    distance = max(distance, 0.0f);

    vec4 sample = vec4(0.0f,0.0f,0.0f,0.0f);
    sample.rgb = color * distance;
    sample.a = distance;