threejs-postprocessing

Screen-space visual effects pipeline with bloom, depth-of-field, anti-aliasing, and custom shader composition. Apply bloom only to specific objects. Create your own post-processing effects. - EffectComposer chains multiple rendering passes (bloom, SSAO, DOF, film grain, vignette, color grading) in sequence, with each pass reading the previous output - Supports 15+ built-in effects including UnrealBloom, BokehPass (depth-of-field), FXAA/SMAA anti-aliasing, OutlinePass, and GlitchPass - Custom ShaderPass enables writing fragment shaders for effects like chromatic aberration, wave distortion, and color inversion - Selective bloom via layer masking applies glow only to tagged objects; multi-composer rendering combines separate effect chains for foreground and background layers - Performance-critical: each pass adds a full-screen render, so disable unused effects, reduce resolution for blur passes, and profile GPU usage on mobile - Limit passes : Each pass adds a full-screen render - Lower resolution : Use smaller render targets for blur passes - Disable unused effects : Toggle passes on/off - Use FXAA over MSAA : Less expensive anti-aliasing - Profile with DevTools : Check GPU usage - threejs-shaders - Custom shader development - threejs-textures - Render targets - threejs-fundamentals - Renderer setup