Selective Bloom Effect - Pilot light On/Off

Questions
,
1

Hi Everyone, I have been trying to enable and disable the the bloom effect on a pilot light based on Bloom HDR example without success, I am avoiding the Selective bloom Effect
since it’s over complicated. My problem is the effect is being applied to the whole object and I only want the light to turn on and off on the click event on any part of the model?

image

here’s the link to the Bloom effect - Codesandbox

PS: I am not able to point out the loader to the correct path in codesandbox it keeps throwing an error but I able load models using any other link.

2

You can try to add an emissiveMap to the model in a program like blender before using it in three, using emissiveIntensity with a map plugged in should give you the effect you’re after, whereby only the uv space painted with an emission value would glow

2 Likes
3

Thanks @Lawrence3DPK for the reply let me try it.

4

:+1:

So true. I wish this was easy in Three.js like in other engines. For example in Babylon.js you simply turn on a glow layer, and it automatically makes all emissive map textures glow. Zero effort, looks good.

Here’s a video of how easy it is in Babylon (I’m using the UI, but it’s the same ease in code):

That doesn’t work. Three.js doesn’t automatically make a glow.

Looks like all new efforts are put into WebGPU, but that’s not supported everywhere yet. Here’s the WebGPU emissive glow example.

Hmm, I wonder, if the TSL nodes can be used in WebGL mode for this :thinking: …