WebGL着色器入门(九)添加纹理

7 thoughts to “WebGL着色器入门(九)添加纹理”

1. 横向和纵向代码看不出区别

   登录以回复

   1. st.s st.t

      登录以回复

2. 不错额

   登录以回复

3. vscode识别不到setting配置的图片呢，编辑器打开glsl所在的目录了，怎么回事

   登录以回复

   1. 同问，我也一直提示“Texture error ”，最后怎么解决的？

      登录以回复

4. #ifdef GL_ES
   precision mediump float;
   #endif

   uniform vec2 u_resolution;
   uniform sampler2D u_texture_1;

   void main(){
   vec2 st = gl_FragCoord.xy/u_resolution.xy;
   vec4 color = texture2D(u_texture_1,st);
   gl_FragColor = color;
   }

   想麻烦你这边讲一下这段代码的含义，我在settings.json中配置了图片，可是没有效果

   登录以回复

   1. uniform sampler2D u_texture_1; 引入纹理

      vec2 st = gl_FragCoord.xy/u_resolution.xy; //将绘图区的坐标归一到 0.0~0.1 http://cesium.xin/wordpress/archives/webgl-basic-knowladge.html
      vec4 color = texture2D(u_texture_1,st); // 读取纹理

      你看一下之前的文章

      登录以回复