ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2019-09-22 21:37:58  阅读:328  来源: 互联网

标签:glsl 1.0 webgl float 0.5 TexCoord 卜若 coe vec2


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

 

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

 

 <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>

我们来看一下效果:

白边明显减少

标签:glsl,1.0,webgl,float,0.5,TexCoord,卜若,coe,vec2
来源: https://blog.csdn.net/qq_37080133/article/details/101173446

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有