Glsl 三.js后处理

Glsl 三.js后处理,glsl,webgl,three.js,Glsl,Webgl,Three.js,我尝试使用本例中的代码将DOF添加到我的three.js场景中 我让它工作了,只是我的场景失去了透明度 在使用这个DOF(来自THREE.ShaderExtras的bokeh着色器)时,有什么方法可以看到场景后面的html背景吗 它是否与RGB-RGBA格式有关,或者我是否必须更改bokeh片段着色器中的某些内容或…?问题是着色器中的最后一行: gl_FragColor.a = 1.0; 将每个渲染像素的alpha设置为不透明。如果删除该行,您将得到bokeh'd alpha,尽管我认为它无论

我尝试使用本例中的代码将DOF添加到我的three.js场景中

我让它工作了,只是我的场景失去了透明度

在使用这个DOF(来自THREE.ShaderExtras的bokeh着色器)时,有什么方法可以看到场景后面的html背景吗


它是否与RGB-RGBA格式有关,或者我是否必须更改bokeh片段着色器中的某些内容或…?

问题是着色器中的最后一行:

gl_FragColor.a = 1.0;
将每个渲染像素的alpha设置为不透明。如果删除该行,您将得到bokeh'd alpha,尽管我认为它无论如何都不是很有用(因为,为什么开发人员会将alpha更改为不透明?)


测试一下,看看效果如何。

是的,这很有效。有趣的是,我想我已经试过了这条线的所有方法,除了去掉它:)ThanksIt确实弄乱了其他像素的颜色…:s