WebGL写入Alpha
来源:互联网 发布:淘宝客优惠卷有链接吗 编辑:程序博客网 时间:2024/06/05 17:26
1.drawScene中写入
//设置Alpha var blending = document.getElementById("blending").checked; if (blending) { gl.blendFunc(gl.SRC_ALPHA, gl.ONE); gl.enable(gl.BLEND); gl.disable(gl.DEPTH_TEST); gl.uniform1f(shaderProgram.alphaUniform, parseFloat(document.getElementById("alpha").value)); } else { gl.disable(gl.BLEND); gl.enable(gl.DEPTH_TEST); }
2.fragment中声明(透明度与vertex无关)
//设置透明度(depth buffer) uniform float uAlpha; void main(void) { //gl_FragColor = texture2D(uSampler, vec2(vTextureCoord.s, vTextureCoord.t)); vec4 textureColor = texture2D(uSampler, vec2(vTextureCoord.s, vTextureCoord.t)); gl_FragColor = vec4(textureColor.rgb * vLightWeighting, textureColor.a*uAlpha); }
3.shaderProgram绑定shaderProgram
shaderProgram.alphaUniform = gl.getUniformLocation(shaderProgram,"uAlpha");
0 0
- WebGL写入Alpha
- WebGL 写入纹理
- WebGL写入光照
- 【webgl图形学】OpenGL和WebGL之间的Alpha渲染差异
- WebGL
- WebGL
- WebGL
- webGL
- WebGL
- alpha
- alpha
- OpenCV如何实现透明(alpha channel)图像的读取和写入
- WEBGL & WebGL Extension
- 【WebGL】WebGL概述
- 【WebGL】WebGL入门
- 【WebGL】hello WebGL
- WebGL Specification
- WebGL学习计划
- 电商解密之优惠券:B2C平台优惠券该如何设计?
- 运维DBA规范(4大纪律9项注意)
- html a元素的target失效,变成新窗口打开
- 递归算法(求年龄,阶乘,逆序输出字符串与整数,算两个数最大公约数等)
- 图像显著度(saliency detection)研究现状调研
- WebGL写入Alpha
- dubbo spi extensionloader 插件化
- 【linux】vim|vi 操作
- 运营,有时候就是一句话的事
- 关于怎样向动态添加的元素绑定事件
- 蓝桥基础 字母图形
- 产品发布:掌握5个关键要素,轻松俘获千万用户
- 简易Web服务器实现
- 接口测试八(压缩解压)