Shader Gradient smoother

Questions
1

Hey everyone!

I have an Gradientshader on my Ground, which look nice, but it need to have a “Smoother” look.

At the Moment, you see some Circles… how can i get a smoother transition between the color?

ground
ground.png814×587 3.99 KB

PlayGround:Babylon.js Playground

Hope you can Help :smiley:
Daniel

2

I made it smaller and cleaner to read :slight_smile:
https://playground.babylonjs.com/#00ST2S#1

You are seeing banding effects due to precision issues.
I added a tiny dithering effect that we also use in our shaders:
https://playground.babylonjs.com/#00ST2S#2

1 Like