I want to achieve the effect of external glow, but I do not want to add background, how to set the external glow without adding background?
Simple GUI in fullscreen mode | Babylon.js Playground (babylonjs-playground.com)
The glow is applied to the filled shape (the ellipse in your PG), not to the outline:
It would be a breaking change to have it also for the outline, so I’m not sure what to do… cc @Deltakosh and @sebavan
Note that when we activate the shadow for the outline, the effect is rather weak:
| not enabled | enabled |
|---|---|
 |
 |
With a background color (your PG):
Here’s a PG, where _localDraw has been overriden:
I commented lines 66-70 to enable shadow blur for the outline.
Thank you, I understand it, but if you want to give CreateImageWithCenterTextButton set outer glow, do not set the background color, only let him shine, I want to know how to do it, And I was not in BabylonJS/Babylon. Js/blob/master/packages/dev/GUI/SRC / 2 d/controls the ellipse. Ts# L56 - L97 find button in the same operation, can see my PG, thank you very much
Simple GUI in fullscreen mode | Babylon.js Playground (babylonjs-playground.com)
In that case, _localDraw should be overriden this way:
@babylon I wonder if we should add a property to Control like allowShadowBlurForOutline that wouldn’t disable shadow blur after we filled the background and before we render the outline shape? At the time, it seems we always reset the shadow blur properties before rendering the outline with this kind of code:
if (this.shadowBlur || this.shadowOffsetX || this.shadowOffsetY) {
context.shadowBlur = 0;
context.shadowOffsetX = 0;
context.shadowOffsetY = 0;
}