Removing Banding in Linelight

I made a small JS library to resolve banding in CSS backgrounds with linear gradients. Uses the same idea.

https://github.com/apankrat/js-noisy-gradient

Great article. The references at the bottom of the doc are all great as well!

This is a great article that suffers from a bad title (for HN, in my opinion). The tl;dr in TFA sums it up nicely:

    If your game has banding, it is often very easy to get rid of simply by adding noise to the shader-outputs

I didn't know what Linelight was, but that's not important. The author has gone into some great detail complete with screenshots and examples in Unity to explain the problem. I don't suppose this is even game specific, if you're rendering to WebGL, or maybe building a 3D model (in Blender perhaps) this could be relevant.

This also is why some HDR TVs/Monitors can still have 8 bit panels - the 10 bit color signal is accepted and then dithered by the TV, and low light/low saturation scenes still look a lot better even though the actual display hardware is not really better (at least in terms of color depth).