Undesired hard circular gradient

Questions
1

Hi everyone,

Sorry for bugging you with this. But do you see this hard gradient as well:

https://playground.babylonjs.com/#CMASWQ

Screenshot 2025-12-24 103559
Screenshot 2025-12-24 1035591087×785 20.8 KB

See the hard circular gradient/s, I guess, emitted from the light? I see it in Chrome/Firefox as well as Intel/Nvidia gpu. It is quite subtle here but can get worse. I have played with the setting on StandardMateiral and HemiLIght, no luck.

edit1: You can bend the gradients when enabling the Vignette postprocess (Inspector: Scene → Material image postprocessing) and then playing with the sliders.

Best wishes
Joe

2

You can attenuate banding artifacts by applying dithering to the output.

See this article from @sebavan on Medium:

https://babylonjs.medium.com/customizing-materials-the-community-ninja-tale-b231e61fb8ad

1 Like
3

Oh, it is called “banding” :face_with_monocle: Thanks for the clarification :slight_smile:

FYI: I have just ran a quick and dirty test in-game using scene dithering (scene.imageProcessingConfiguration.ditheringEnabled). The super small default value of 0.003 is, to me, not noticable as dithering but it greatly reduces the banding.