Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.

Three.js Post Processing Quick Start EffectComposer Setup Common Effects Bloom (Glow) Selective Bloom Apply bloom only to specific objects. FXAA (Anti Aliasing) SMAA (Better Anti Aliasing) SSAO (Ambient Occlusion) Depth of Field (DOF) Film Grain Vignette Color Correction Gamma Correction Pixelation Glitch Effect Halftone Outline Custom ShaderPass Create your own post processing effects. Invert Colors Shader Chromatic Aberration Combining Multiple Effects Render to Texture Multi Pass Rendering WebGPU Post Processing (Three.js r150+) Performance Tips 1. Limit passes : Each pass adds a full screen render 2. Lower resolution : Use smaller render targets for blur passes 3. Disable unused effects : Toggle passes on/off 4. Use FXAA over MSAA : Less expensive anti aliasing 5. Profile with DevTools : Check GPU usage Handle Resize See Also threejs shaders Custom shader development threejs textures Render targets threejs fundamentals Renderer setup

threejs-postprocessing