FXAA是一种后处理抗锯齿技术，通过全屏像素着色器识别高对比边缘并局部模糊，仅需颜色纹理和屏幕尺寸，不依赖多重采样或G-Buffer，但易模糊细文字与UI。
FXAA 是什么，为什么不用 MSAA 或 SSAA
FXAA（Fast Approximate Anti-Aliasing）不是基于采样的抗锯齿，而是后处理滤波器：它在已渲染完成的帧缓冲上跑一遍全屏像素着色器，识别高对比边缘并做局部模糊。它不依赖多重采样（所以 glEnable(GL_MULTISAMPLE) 对它无效），也不需要修改 G-Buffer 或延迟管线——只要能拿到最终颜色纹理（screenTexture）和屏幕尺寸，就能插进去用。
常见误判是以为 FXAA 需要深度或法线图；其实标准 FXAA 3.11 版本只用 RGBA 颜色纹理，连 gl_FragCoord 和纹理尺寸就够了。但这也带来副作用：它会模糊细文字、UI 线条甚至粒子边缘，不适合 HUD 密集型应用。
实操建议：
- FXAA 最适合前向渲染、无复杂 UI 的 3D 场景（比如飞行模拟、开放世界远景）
- 若已有 MSAA，别叠加 FXAA——两者原理冲突，反而加重模糊
- 移动端慎用：FXAA 3.11 的 12 个纹理采样在 Mali-G76 上可能比 2x MSAA 还慢
GLSL 中实现 FXAA 3.11 的最小必要代码
核心是把官方 HLSL 转成 GLSL 并适配 OpenGL 坐标系。关键点有三个：纹理采样偏移需用 texelSize（非像素坐标），gl_FragCoord 的 Y 轴方向要翻转（OpenGL 与 DirectX 的 NDC Y 方向相反），且必须用 texture2D（或 texture）配合 vec2 坐标，不能硬编码整数索引。
立即学习“C++免费学习笔记（深入）”；
uniform sampler2D screenTexture;
uniform vec2 screenSize; // 传入 viewport 宽高，如 vec2(1920.0, 1080.0)
in vec2 uv;
out vec4 fragColor;
<p>const float FXAA_REDUCE_MIN = 1.0/128.0;
const float FXAA_REDUCE_MUL = 1.0/8.0;
const float FXAA_SPAN_MAX = 8.0;</p><p>void main() {
vec2 texel = 1.0 / screenSize;
vec3 rgbNW = texture(screenTexture, uv + vec2(-1.0, -1.0) <em> texel).rgb;
vec3 rgbNE = texture(screenTexture, uv + vec2( 1.0, -1.0) </em> texel).rgb;
vec3 rgbSW = texture(screenTexture, uv + vec2(-1.0, 1.0) <em> texel).rgb;
vec3 rgbSE = texture(screenTexture, uv + vec2( 1.0, 1.0) </em> texel).rgb;
vec3 rgbM = texture(screenTexture, uv).rgb;</p><pre class="brush:php;toolbar:false;">vec3 luma = vec3(0.299, 0.587, 0.114);
float lumaNW = dot(rgbNW, luma);
float lumaNE = dot(rgbNE, luma);
float lumaSW = dot(rgbSW, luma);
float lumaSE = dot(rgbSE, luma);
float lumaM = dot(rgbM, luma);
float lumaMin = min(lumaM, min(min(lumaNW, lumaNE), min(lumaSW, lumaSE)));
float lumaMax = max(lumaM, max(max(lumaNW, lumaNE), max(lumaSW, lumaSE)));
float lumaRange = lumaMax - lumaMin;
if (lumaRange < max(0.0001, FXAA_REDUCE_MIN)) {
fragColor = vec4(rgbM, 1.0);
return;
}
vec2 dir;
dir.x = -((lumaNW + lumaNE) - (lumaSW + lumaSE));
dir.y = ((lumaNW + lumaSW) - (lumaNE + lumaSE));
float dirReduce = max((lumaNW + lumaNE + lumaSW + lumaSE) * (0.25 * FXAA_REDUCE_MUL), FXAA_REDUCE_MIN);
float rcpDirMin = 1.0 / (min(abs(dir.x), abs(dir.y)) + dirReduce);
dir = min(vec2(FXAA_SPAN_MAX), max(vec2(-FXAA_SPAN_MAX), dir * rcpDirMin)) * texel;
vec3 rgbA = 0.5 * (
texture(screenTexture, uv + dir * (1.0/3.0 - 0.5)).rgb +
texture(screenTexture, uv + dir * (2.0/3.0 - 0.5)).rgb
);
vec3 rgbB = rgbA * 0.5 + 0.25 * (
texture(screenTexture, uv + dir * (0.0/3.0 - 0.5)).rgb +
texture(screenTexture, uv + dir * (3.0/3.0 - 0.5)).rgb
);
float lumaB = dot(rgbB, luma);
if ((lumaB < lumaMin) || (lumaB > lumaMax)) {
fragColor = vec4(rgbA, 1.0);
} else {
fragColor = vec4(rgbB, 1.0);
}}
传参和绑定时最容易漏掉的三个细节
FXAA 看似简单，但 C++ OpenGL 侧绑定失败常因以下三点：
实操建议：
-
screenSize必须是vec2类型 uniform，且值为当前 viewport 宽高（不是窗口大小，也不是 framebuffer 尺寸）；若用了 framebuffer object（FBO），要传 FBO 绑定的纹理尺寸 - 纹理采样器
screenTexture必须启用GL_LINEAR滤波（glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR)），否则边缘检测失效——FXAA 依赖亚像素插值 - 着色器中
uv输入必须归一化到 [0,1]，且顶点着色器里不能做任何翻转；Y 轴翻转逻辑必须放在片段着色器内（如uv.y = 1.0 - uv.y）或由 CPU 传入已翻转的 UV
性能和画质可调的关键参数
FXAA 本身没有“质量档位”，但可通过改写几个常量快速控制激进程度：
实操建议：
- 降低
FXAA_SPAN_MAX（如从8.0改为4.0）可减少采样次数，适合低端设备，但会漏掉长斜边锯齿 - 提高
FXAA_REDUCE_MIN（如设为1.0/64.0）会让算法更“敏感”，连低对比边缘也模糊——适合动画风格渲染，但易伤锐度 - 若发现文字发虚，可在 C++ 侧加一个 alpha 通道掩码：把 UI 渲染到单独纹理，FXAA 后用
mix(fxaaColor, originalColor, uiMask)混合，避免处理 HUD 区域
FXAA 的真正难点不在代码实现，而在判断“哪里该模糊、哪里不该”——它没有语义信息，只看亮度梯度。所以实际项目中，往往得配合 depth-aware 条件（比如加一行 if (depth > 0.99) discard;）或手动标记 UI 层，否则很容易把想保留的细节吃掉。
