threejs-postprocessing - Configure Three.js post-processing effects
Configure Three.js EffectComposer pipelines with bloom, depth of field, screen effects, color correction, and custom shaders.
Tags
Updated: 2026-09-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Set up EffectComposer
- Add render passes
- Apply bloom effects
- Configure anti-aliasing
- Apply ambient occlusion
- Configure depth of field
- Add screen effects
- Create custom shaders
- Update effect parameters
- Handle viewport resizing
Inputs
- Three.js renderer
- Three.js scene
- Three.js camera
- Viewport dimensions
- Effect parameters
- Selected scene objects
- Animation time
- Custom shader definitions
Outputs
- Post-processed rendered frames
- Bloom and screen effects
- Color-corrected output
- Custom shader output
Requirements
- Three.js environment
- Three.js post-processing modules
- A configured renderer