Three.js FXAA背景透明度

Question

创建了一个包含立方体的简单场景。能够在背景中看到包含元素(body)的颜色。

添加了FXAA着色器，抗锯齿效果良好。但是，背景现在是黑色的，因此无法再看到背景容器的颜色。

添加了以下代码：

var THREE.WebGLRenderTarget=新目标(512,512)；

var composer =新的THREE.EffectComposer(渲染器，目标)；

以便将效果合成器渲染目标格式设置为THREE.RGBAFormat，而不是默认的THREE.RGBFormat。

这使得背景可以正常工作，但立方体周围有黑白边缘，抗锯齿效果看起来不是很好。

重复上述步骤，但使用了深褐色着色器而不是FXAA着色器。这可以正常工作。立方体看起来是深褐色的，包含元素颜色的背景是正确的。

有没有什么变通方法可以消除锯齿和透明背景？

谢谢你的帮助

Answer 1

我读了你的问题，似乎有一个很好的来源，可以解决或至少引导你走上正确的道路。去看看：https://github.com/mrdoob/three.js/issues/2125

希望这能有所帮助。

Answer 2

在https://stackoverflow.com/a/21056080/2482976中检查我的答案

需要更新FXAA以处理透明背景