Three.js 工程向：EffectComposer 后处理链路与色彩管理

文章目录

• • [一、EffectComposer 的职责](#一、EffectComposer 的职责)
  • [二、常见 Pass 顺序](#二、常见 Pass 顺序)
  • [三、色彩空间与 toneMapping](#三、色彩空间与 toneMapping)
  • 四、性能优化
  • 五、结语

一、EffectComposer 的职责

EffectComposer 负责把渲染拆成多 Pass，按顺序完成后处理链。

二、常见 Pass 顺序

composer.addPass(new RenderPass(scene, camera));
composer.addPass(new UnrealBloomPass(size, 0.6, 0.4, 0.85));
composer.addPass(new SMAAPass(width, height));
composer.addPass(new OutputPass());

通常先 Bloom，再抗锯齿，最后输出。

三、色彩空间与 toneMapping

统一 renderer.toneMapping 与 renderer.outputColorSpace，避免后处理阶段出现双重 gamma 或画面发灰。

四、性能优化

全屏 Pass 对带宽敏感。移动端优先减少 Pass 数量，并使用半分辨率 Bloom。

五、结语

后处理工程化重点在"顺序一致、色彩一致、预算可控"。