用途:为 React Three Fiber 场景添加电影感与风格化的后处理视觉效果,基于 @react-three/postprocessing 实现。
主要能力:色差(RGB 通道分离,可做轻微镜头边缘或故障效果)、暗角(边缘压暗,用于聚焦与电影构图)、景深(焦点模糊与散景,可固定距离或跟随物体)、噪点/胶片颗粒、色彩分级(色相饱和度、亮度对比度)、LUT 查找表、色调映射(如 ACES_FILMIC)、扫描线/CRT 效果、God Rays 体积光。支持多种效果叠加组合(电影感、复古 VHS、梦境序列等),也支持随时间或音频数据驱动动画效果。
使用方式:先安装依赖 npm install @react-three/postprocessing postprocessing,然后在 EffectComposer 中按需包含各效果组件,例如 ChromaticAberration、Vignette、Noise、DepthOfField、HueSaturation、BrightnessContrast、LUT、ToneMapping、Scanline、GodRays。可通过 ref 与 useFrame 在运行时动态修改参数。
适用场景:React Three Fiber 项目中的镜头风格化、主题化画面(如宇宙倒计时视觉)、复古或科幻氛围的 Web 3D 场景。
限制:资料未提供收费、平台、效果实测数据或完整版本兼容信息;性能注意项包括多个模糊效果开销较高、景深分辨率建议 height={480} 或更低、LUT 需预加载与缓存、效果数量多时需注意顺序。参考 postfx-composer、postfx-bloom、postfx-router 获取更多说明。