在读取呈现图像以进行后处理时，WebGLRenderTarget中的阿尔法通道全部为1.0
在读取呈现图像以进行后处理时，WebGLRenderTarget中的阿尔法通道全部为1.0
提问于 2012-07-01 05:20:14
我正在使用Three.js将世界呈现给一个WebGLRenderTarget。我的世界没有充满整个屏幕，因此，有透明的背景。其目的是提供α通道感知的图像效果。
- 我将这个世界呈现给一个WebGLRenderTarget缓冲区
- 我试图通过从缓冲区读取并写入真正的屏幕来对此进行后期处理。
我的后处理功能取决于alpha通道。然而，看起来Three.JS后处理着色器无法正确读取alpha通道--无论我尝试向WebGLRenderTarget添加什么值，它都是1.0。
演示这个问题的简单方法。
我创建一个呈现目标：
var rtParameters = { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBAFormat};
for(var i=0; i<this.bufferCount; i++) {
this.buffers[i] = new THREE.WebGLRenderTarget(this.width, this.height, rtParameters);
}我将缓冲区设置alpha清除为0.3:：
function clear(buf) {
// For debugging purposes we set clear color alpha
renderer.setClearColor(new THREE.Color(0xff00ff), 0.3);
renderer.clearTarget(buf, true, true, true);
}
// Clean up both buffers for the start
clear(buffers[0]);然后，我使用这个缓冲区作为读取缓冲区，并在我的后处理片段着色器函数(ThreeJS后处理示例)中呈现给屏幕：
"void main() {",
// texture is the buffer I rendered before
"vec4 sample = texture2D( texture, vUv);",
// Everything goes to white (1.0) when trying to visualize the
// alpha channel of previously rendered WebGLTarget.
// It should get value 0.3 - slight gray
"gl_FragColor = vec4(sample.a, sample.a, sample.a, 1.0);",
"}"其他颜色值被正确读取。如果我使用vec4(sample.r, sample.g, sample.b, 1.0)，它将按预期直接复制。
- 是否存在清除WebGLRenderTarget的alpha通道的问题？
- 对于GLSL着色器中的2D图像后处理，读取WebGLRenderTarget作为纹理的alpha值是否存在问题？
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-07-01 08:12:03
这是一把小提琴，它实现了我相信你正在努力实现的目标。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11282303
复制相关文章
相似问题
C# 1.0和阿尔法通道中的系统图标检索
WebGLRenderTarget图像混叠
来自WebGLRenderTarget的纹理未用StereoEffect呈现
对呈现的django模板进行后处理
无法在OpenGL + SDL2中将阿尔法通道设置为0
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
