glsl - Three.js 后处理自由度

Question

我尝试使用此示例http://mrdoob.github.com/three.js/examples/webgl_postprocessing_dof.html中的代码将 DOF 添加到我的 three.js 场景中

我让它工作了，除了我在我的场景中失去了透明度。

在使用这个 DOF（来自 THREE.ShaderExtras 的散景着色器）时，有什么方法可以在场景后面看到我的 html 背景？

它是否与 RGB - RGBA 格式有关，还是我必须更改散景片段着色器中的某些内容或......？

Answer 1

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

gl_FragColor.a = 1.0;

这将每个渲染像素的 alpha 设置为不透明。如果您删除该行，您将获得散景的 alpha，尽管我认为它不是很可用（因为，为什么开发人员会将 alpha 更改为不透明？）。

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