threejs-postprocessing - Add Three.js post-processing effects
Configure Three.js post-processing with EffectComposer, bloom, depth of field, screen effects, color grading, blur, glow, and custom shaders.
Tags
Updated: 2026-09-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Set up EffectComposer
- Add render passes
- Configure bloom effects
- Apply screen-space effects
- Create custom ShaderPass effects
- Handle composer resizing
- Configure selective bloom
- Apply color correction
Inputs
- Three.js renderer
- Scene and camera
- Viewport dimensions
- Effect parameters
Outputs
- Three.js post-processing code
- Configured composer state
- Configured visual effects
Requirements
- Three.js installation
- WebGL renderer
- Post-processing addons