glslshaderantialiasingfxaa

GL_LINES and FXAA in WebGL


So I have this problem with FXAA. The lines I draw using GL_LINES look, well, not really anti-aliased after applying FXAA as a post-process filter, they just look blurred. So my Question basically is - is this the espected bahaviour of FXAA with GL_LINES? The shader code I'm using is nothing special (See here)

This is how the FXAA output looks:

fxaa

And here is the (standard 4x) MSAA:

enter image description here


Solution

  • No matter the fact that it has "antialiasing" in its name, FXAA is not really antialiasing. "Real" antialiasing techniques involve taking multiple samples of the signal; FXAA, as a post-processing technique cannot do that.

    At the end of the day, it is nothing more than a smart blur filter. So while there may be variations of it that can handle lines better, it's still just a blur filter.