cocos shader 之羽化从中间慢慢变亮

最新推荐文章于 2024-01-31 18:01:49 发布

原创最新推荐文章于 2024-01-31 18:01:49 发布 · 置顶 · 1.5k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#cocos #shader #从中间亮点羽化渐渐打开 #着色器 #滤镜

着色器专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用OpenGL ES技术实现的顶点着色器(VSH)和片段着色器(FSH)示例。该示例展示了如何在OpenGL ES环境中定义精度、属性变量以及如何通过着色器传递坐标、纹理坐标和颜色等信息。此外，还介绍了如何在片段着色器中应用距离函数和时间变化效果来生成特定的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

VSH:

#ifdef OPENGL_ES
precision mediump vec2;
precision mediump float;
#endif

// Attributes
attribute vec3 a_position;
attribute vec2 a_texCoord;
attribute vec4 a_color;

// Varyings
#ifdef GL_ES
varying vec2 v_texCoord;
#else
varying vec2 v_texCoord;
#endif
varying vec4 v_fragmentColor;

void main()
{
    gl_Position = CC_PMatrix * vec4(a_position, 1.0);
    v_texCoord = a_texCoord;
    v_fragmentColor = a_color;
}

FSH:

#ifdef GL_ES
precision highp float;
#endif

varying vec2 v_texCoord;

void main(void)
{
    vec4 col = texture2D(CC_Texture0, v_texCoord);
    float fDiatance = distance( v_texCoord, vec2(0.5, 0.5) );
    gl_FragColor = vec4(0.0, 0.0, 0.0, smoothstep(0.0, 1.0-sin( CC_Time.z*0.5 ), abs(fDiatance)*0.5 ) );
}