I recently added postProcessing into my project, i think the pictures explain them selves
before post-processing was activated
After post-processing was activated
here is the post-processing code :
export function Effects() {
const { enabled, luminanceThreshold, luminanceSmoothing, intensity } = useControls({
enabled: true,
luminanceThreshold: { value: 0, min: 0, max: 1 },
luminanceSmoothing: { value: 0.0, min: 0, max: 1 },
intensity: { value: 0.5, min: 0, max: 5 }
})
return (
enabled && (
//@ts-ignore
<EffectComposer disableNormalPass>
<Bloom
luminanceThreshold={luminanceThreshold}
luminanceSmoothing={luminanceSmoothing}
intensity={intensity}
mipmapBlur
/>
</EffectComposer>
)
)
}