threejs-postprocessing - Configure Three.js post-processing effects
Configure EffectComposer and post-processing effects such as bloom, depth of field, screen effects, color grading, blur, glow, and custom shaders.
Tags
Updated: 2026-09-30Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Set up EffectComposer
- Add rendering passes
- Configure bloom effects
- Apply depth of field
- Add screen effects
- Create custom ShaderPass effects
Inputs
- Three.js renderer
- Three.js scene
- Three.js camera
- Viewport dimensions
- Post-processing parameters
Outputs
- Post-processing configuration code
- Rendered visual effects
- Updated rendering state
Requirements
- Three.js
- WebGL rendering environment
- Three.js post-processing addons