GUI container hover, shadowBlur effect

#1

Hi,

I want to create some hover effect on GUI container, but I have some issues with the observables and shadowBlur effect.

I created a simple playground

https://www.babylonjs-playground.com/#XCPP9Y#1076

you can see when I get out of the container blur kinda disappears, but you can see the effect that occur.

Am I doing it wrong with setting blur to 0, is there a better way to remove it?

#2

This is a limitation of the InvalidateRect optimizer:
https://www.babylonjs-playground.com/#XCPP9Y#1077

#4

Thank you Deltakosh. I appreciate it. So does setting this to false means I will have some performance degradation? I intend to have multiple gui elements throughout the scene.

#5

It will not be noticeable unless you have a lot of elements (probably more than 100)