卜若的代码笔记-webgl系列-第二十三章:glsl的应用(三)>尽可能的去掉白边

1 在二十一章的透明任务中,我们发现白边很多

 

卜若的代码笔记-webgl系列-第二十三章:glsl的应用(三)>尽可能的去掉白边

所以现在需要解决这个问题,在二十一章中的主要算法是判断该像素如果为白色,则认为要透明,现在我们通过阈值去进行判断,如果接近白色,就进行透明:

 

 <script id="fragment_shader" type="x-shader/x-fragment">
             uniform sampler2D u_Sampler;
             varying vec2 v_TexCoord;
             uniform float coe;
             vec4 tp = vec4(1.0,1.0,1.0,1.0);
             void main() {
              float s = sin(coe)*(v_TexCoord.x-0.5)+cos(coe)*(v_TexCoord.y-0.5);
              float t = -cos(coe)*(v_TexCoord.x-0.5) + sin(coe)*(v_TexCoord.y-0.5);

               vec2 vtep = vec2(s+0.5,t+0.5);

              gl_FragColor = texture2D(u_Sampler, vtep);

              vec3 t1 = gl_FragColor.xyz;
              vec3 t2 = tp.xyz;
              if(distance(t1,t2)<0.001){
                gl_FragColor = vec4(1.0,1.0,1.0,0.0);
              }
             }

    </script>

我们来看一下效果:

卜若的代码笔记-webgl系列-第二十三章:glsl的应用(三)>尽可能的去掉白边

白边明显减少

上一篇:顶点-片段着色器基础(四)


下一篇:【CVX】Robust approximation