Three.js后处理DOF

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，虽然我认为它不是很有用（因为，为什么dev会将alpha改为不透明？）。

测试并查看它的票价。