三个JS中使用EffectComposer时抗锯齿消失

Question

当我将任何通道应用于 EffectComposer http://prntscr.com/u0io3g时，我会在边缘出现牙齿，当没有额外的通道时，一切都会变得平滑http://prntscr.com/u0ipbt

Answer 1

WebGL 的默认抗锯齿功能仅在直接渲染到屏幕（或默认帧缓冲区）时才起作用。使用时EffectComposer，您有两种选择：

• 在通行证链的末端应用 FXAA 通行证。
• EffectComposer使用 的实例创建THREE.WebGLMultisampleRenderTarget（不适用于 WebGL 1）。

下面是两个示例，演示了 FXAA 和多重采样渲染目标的用法three.js。

https://trijs.org/examples/webgl_postprocessing_fxaa.html https://thirdjs.org/examples/webgl2_multisampled_renderbuffers