时间戳

首页 > 解决方案 > 在三个 JS 中使用 EffectComposer 时抗锯齿消失

three.js - 在三个 JS 中使用 EffectComposer 时抗锯齿消失

问题描述

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

标签： three.js

解决方案

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

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

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

https://threejs.org/examples/webgl_postprocessing_fxaa.html https://threejs.org/examples/webgl2_multisampled_renderbuffers

推荐阅读