threejs-impl-post-processing

What problem does it solve?

Use when adding post-processing effects like bloom, SSAO, depth of field, or anti-aliasing to a Three.js scene. Prevents the common mistake of mixing Three.js EffectComposer with pmndrs/postprocessing, wrong pass order, or missing RenderPass. Covers EffectComposer, 27+ passes, pmndrs/postprocessing, custom ShaderPass.

Core Features & Use Cases

• Supports both major post-processing ecosystems: built-in EffectComposer and pmndrs/postprocessing
• Demonstrates correct pass sequencing, common pitfalls, and real-world examples
• Provides references and best practices for ShaderPass and custom passes

Quick Start

Follow the guidelines to set up a robust post-processing pipeline that uses RenderPass as the first pass and OutputPass as the last.