WebGL glsl fragment 着色器实现的纹理动画: 神秘海洋

含影

已于 2023-06-02 23:04:59 修改

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： opengl(es) 游戏开发图形图像与几何算法文章标签： webgl 着色器 html

于 2018-07-04 21:43:36 首次发布

本文链接：https://blog.youkuaiyun.com/vily_lei/article/details/80919052

效果链接: WebGL Vox Demo

glsl代码:

this.vshdCode = 
          "precision mediump float;"
          +"attribute vec3 a_vtx_pos;"
          +"attribute vec2 a_vtx_uv;"
          +"varying highp vec2 v_texUV;"
          +"uniform mediump vec2 u_Stage_size;"
          +"uniform float a_time;"
          +"varying float 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