r3f-postprocessing

Wrap your scene content in an EffectComposer from @react-three/postprocessing and add a Bloom component with luminanceThreshold and intensity props. For objects to glow, use emissive materials with emissiveIntensity above 1 and set toneMapped={false}.

Use the Selection and Select components from @react-three/postprocessing. Wrap the EffectComposer and meshes in a Selection, then wrap only the meshes that should bloom in Select enabled, leaving other meshes unaffected.

Yes, create a class extending Effect from the postprocessing library with a fragment shader implementing mainImage, then render it via a primitive or wrapEffect inside EffectComposer. Uniforms can be animated in the update method.

Use the multisampling prop on EffectComposer for MSAA, or set multisampling={0} and add an SMAA or FXAA effect as the last effect in the chain. Combining both wastes performance, so pick one anti-aliasing approach.

Each effect adds GPU rendering overhead, and high multisampling values compound the cost. Reduce multisampling, disable mipmapBlur on Bloom, lower SSAO samples, and conditionally disable expensive effects on mobile user agents.