How to make particles glowing with Unreal Bloom Pass?

yi_yi · March 30, 2025, 1:18pm

I use particles in the scene. And I use Unreal Bloom Pass to let objects glow. If I set the threshold of Unreal Bloom to 0.1, the particles will glow. But everything in the scene will glow too. That’s not what I want. So I have to set a higher threshold to let only those emissive objects glow. But the particles can’t use standard material, and the points material doesn’t provide emissive. How can I make particles glowing? I searched a lot, but didn’t find the solution.

Lawrence3DPK · March 30, 2025, 2:34pm

I think you may be able to just keep the bloom threshold at 1 and boost the color channel of the points material eg…

material.color.set(100,100,100)

For instance

Antonio · March 30, 2025, 3:24pm

The official “selective bloom” demo accounts for a similar scenario. You use two effect composers, and swap between blooming and not-blooming materials by mixing two passes using a custom mixPass

github.com/mrdoob/three.js

examples/webgl_postprocessing_unreal_bloom_selective.html

f230fe914


      
          			const bloomPass = new UnrealBloomPass( new THREE.Vector2( window.innerWidth, window.innerHeight ), 1.5, 0.4, 0.85 );
          			bloomPass.threshold = params.threshold;
          			bloomPass.strength = params.strength;
          			bloomPass.radius = params.radius;
          
          			const bloomComposer = new EffectComposer( renderer );
          			bloomComposer.renderToScreen = false;
          			bloomComposer.addPass( renderScene );
          			bloomComposer.addPass( bloomPass );
          
          			const mixPass = new ShaderPass(
          				new THREE.ShaderMaterial( {
          					uniforms: {
          						baseTexture: { value: null },
          						bloomTexture: { value: bloomComposer.renderTarget2.texture }
          					},
          					vertexShader: document.getElementById( 'vertexshader' ).textContent,
          					fragmentShader: document.getElementById( 'fragmentshader' ).textContent,
          					defines: {}
          				} ), 'baseTexture'
          			);

Maybe you can use a similar approach, it will depend on how you implement your particles (pointsMaterial, sprites, buffergeo attributes, etc). Not sure it would work with webGpuParticles, though

yi_yi · March 31, 2025, 12:22am

Thank you for your help.

yi_yi · March 31, 2025, 12:23am

Thanks for your help.

Topic		Replies	Views
Selective UnrealBloomPass issues Questions post-processing	16	13841	March 14, 2021
EffectComposer UnrealBloomPass is ruining my whole render thing Questions shader-material , effect-composer , unrealbloompass , shaderpass	2	4078	November 28, 2022
Whats the best way to achieve a glow effect? Questions materials , shaders , lights , gltf-loader	10	2789	December 29, 2023
Unreal Bloom Pass Effect on Shader Materials? Questions materials , shaders , animation , effect-composer , unrealbloompass	11	848	May 10, 2024
Mixing two scenes with either glowing and non-glowing objects Questions post-processing , unrealbloompass	7	3162	September 1, 2022

How to make particles glowing with Unreal Bloom Pass?

Related topics