SuperAPI AI 工具集

threejs-postprocessing-v2

办公与效率

查看项目

更新于 10-15 21:10

技能介绍

用途:为 Three.js 渲染管线添加屏幕空间视觉特效,例如泛光(bloom)、景深(DOF)、抗锯齿、色彩分级、模糊、辉光及自定义着色器通道。适用于需要增强最终渲染画面而非仅搭建基础场景的任务。

主要能力:涵盖 EffectComposer(WebGL)与 PostProcessing(WebGPU)两种方案。WebGL 侧通过 addPass 添加 RenderPass、UnrealBloomPass、FXAA/SMAA、SSAO、BokehPass、FilmPass、VignetteShader、ColorCorrectionShader、GammaCorrectionShader、RenderPixelatedPass、GlitchPass、HalftonePass、OutlinePass 等通道,并支持选择性泛光与自定义 ShaderPass。WebGPU 侧使用 pass、bloom、dof 等 TSL 节点,通过 outputNode 组合节点图。

使用方式:WebGL 中创建 EffectComposer,先添加 RenderPass,再追加效果通道,动画循环调用 composer.render() 而非 renderer.render(),并在 resize 时同步 composer.setSize。WebGPU 中初始化 WebGPURenderer,创建 THREE.PostProcessing,设置 outputNode 后调用 postProcessing.render()。

限制:EffectComposer 仅适用于 WebGL;WebGPU 需使用节点式 PostProcessing。资料未提供具体版本兼容范围、性能基准或收费信息。使用时应仅加载与当前任务相关的参考文件,并保留来源与提交信息以便审查。