用途:为 Three.js 后处理管线搭建 EffectComposer,组合多个渲染通道与效果,并编写自定义 Effect。示例主要基于 React Three Fiber 的 @react-three/postprocessing。
主要能力:提供效果排序建议(场景修改类如 SSAO、景深在前,Bloom、色调映射居中,调色、屏幕空间效果与噪点靠后),说明顺序对结果的影响;支持运行时条件开关效果与预设配置(cinematic、scifi、minimal);给出基于 postprocessing 的 Effect 自定义写法,含 GLSL 的 mainImage、Uniform 与 update 时间更新;涵盖 useFBO 手动渲染目标管理与性能模式,如分辨率缩放、按 GPU 分层自适应质量,以及 ToneMapping、Bloom、色差、暗角、噪点组合的 Temporal Collapse 配置。
使用方式:安装 npm install @react-three/postprocessing postprocessing three,在 Canvas 内使用 EffectComposer 包裹各效果组件并配置 enabled、depthBuffer、stencilBuffer、multisampling、frameBufferType 等参数。
限制:资料未提供具体版本兼容性、性能基准数据或各效果参数的完整取值说明,实际效果需按项目自行验证。