WebGL glsl fragment 着色器实现的纹理动画: 雷达扫描效果

Demo:WebGL Vox Demo

截图:

顶点着色器glsl es2.0代码:

precision highp float;
attribute vec3 a_vtx_pos;
attribute vec2 a_vtx_uv;
varying highp vec2 v_texUV;
uniform mediump vec2 u_Stage_size;
uniform vec3 a_time;
varying vec3 v_time;
void main()
{
    float px = 0.5 * u_Stage_size.x;
    float py = 0.5 * u_Stage_size.y;
    float kw = (2.0/u_Stage_size.x);
    float kh = (2.0/u_Stage_size.y);
    gl_Position = vec4((px + a_vtx_pos.x)* kw - 1.0, (py + a_vtx_pos.y) * kh - 1.0,0.0,1.0);
    v_texUV = a_vtx_uv;
    v_time = a_time;
}

片段着色器glsl es2.0代码:

precision highp float;
const float MATH_PI = 3.1415926;
const float MATH_2PI = 2.