Hi. When I use a directional light in my project, bands appear on the ground. I tried using the three.js editor to see if the same thing happened and I found that the same bands appear as well. Is there a way to remove these bands?
Hello! material.dithering=true;
1 Like
Thank you very much. I have tried that but there is no change. What I have noticed is that those lines only appear on materials that do not have textures.
You try it in editor? I use it in custom shader and postEffect and work
Yes, thank you very much!!! It worked!!!
A little background â if you check the RGB colors from the screenshot in a color meter, you can see that each âbandâ is showing grayscale increments of 1/255. This suggests that youâre not doing anything âwrongâ with the material or texture, but that 8-bit sRGB has no more intermediate color values to use, and youâre trying to spread a small number of available color values in the narrow range of the gradient over a large area of the screen.
The easiest fix is usually dithering, as @Chaser_Code suggests. Color grading to increase contrast (so that the gradientâs dark and light values are farther apart) would also be an option, or using textures to visually break up the otherwise uninterrupted bands.