How it works
EffectComposer (@react-three/postprocessing) merges effects into as few passes as possible. Shadows come from a single directional light with a tight shadow camera.
Bloom, DoF & Shadows
Dynamic soft shadows plus a bloom + depth-of-field + vignette post-processing pipeline.
★ showcaseR3FPostprocessingdrei
Performance
This demo uses its own Canvas on purpose: full-screen composers do not work inside scissored Views. It is gated to the high tier; mid/low get bloom only / no post FX.
Accessibility & reduced motion
In reduced mode the scene renders on demand only: a static, fully lit frame with no idle motion.
Export
uniform float uBloom; // 1.4 uniform float uThreshold; // 0.6 uniform float uFocus; // 6 uniform float uBokeh; // 3 uniform bool uDof; // true