Glow effect on hover

Mohmmad_Ali · April 11, 2024, 1:31pm

Greetings forum members,

I hope everyone is doing well. I’m currently working on implementing an illuminating effect on hover for an element, similar to the example shown in the attached image.

I’ve experimented with a selective bloom approach, but unfortunately, it seems to illuminate the entire object rather than achieving the desired effect. Any advice or suggestions on how to achieve this effect more effectively.

Any insights or tips would be greatly appreciated. Thank you in advance for your help!

donmccurdy · April 11, 2024, 2:27pm

See other recent threads on bloom, like Selective bloom not working - #8 by arjun_lokesh. We don’t recommend using selective bloom if you can avoid it. Instead set a bloom luminance threshold >> 1, and when hover is triggered on an object, increase its emissive value to something much greater than the threshold. For example you might set the luminance threshold to 2, and set the hovered object’s emissive intensity to 100.

EDIT: A longer explainer —

Topic		Replies	Views
Add glow effect on line of my shader Questions shaders	20	6707	February 21, 2022
Shinning effect Questions materials	2	389	January 16, 2020
Emissive glowing effect on custom model Questions textures , shaders	8	1336	July 21, 2023
Reflect glowing light on a surface? Questions materials	1	457	December 10, 2022
How to add a selective glow effect that works with dark colors too? Questions materials , shaders , effect-composer , bloom , selective-bloom	4	943	December 17, 2023

Glow effect on hover

Related topics