Three.js FXAA背景透明度

时间:2013-08-14 00:55:53

标签: three.js

创建一个包含多维数据集的简单场景。能够在背景中看到包含元素(主体)的颜色。

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

添加了以下代码:

var target = new THREE.WebGLRenderTarget(512,512);

var composer = new THREE.EffectComposer(renderer,target);

为了将效果作曲家渲染目标格式设置为THREE.RGBAFormat,而不是默认的THREE.RGBFormat。

这使背景正常工作,但是立方体周围有黑色和白色边缘,抗锯齿看起来不太好。

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

是否有任何解决方法允许抗锯齿和透明背景?

感谢您的帮助

2 个答案:

答案 0 :(得分:1)

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

希望这会有所帮助。

答案 1 :(得分:0)

https://stackoverflow.com/a/21056080/2482976

中查看我的答案

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