斯坦福推荐阅读：高质量规范是新型源代码 | 他山之石

MSAA和FXAA简介

FXAA优缺点

MSAAå’ŒFXAA

.MSAA 是渲染过程中抗锯齿为了消除锯齿,GPU会对æ¯�个åƒ�ç´ é‡‡æ ·å¤šæ¬¡(比如:2x MSAAé‡‡æ ·2次,4x MSAAé‡‡æ ·4次),æ¯�ä¸€æ¬¡é‡‡æ ·éƒ½è¦�执行片元ç�€è‰²å™¨ã€�纹 ç�†é‡‡æ ·ã€�深度测试等æ“�作,相当äº�让GPUå¤šæ¸²æŸ“å‡ å€�çš„åƒ�ç´ æ•°æ�®,这也是为什么MSAA是填充ç�‡æ�€æ‰‹,é‡‡æ ·æ¬¡æ•°è¶Šå¤šå¡«å……ç�‡å¼€ 销越高

.FXAA是渲染完æˆ�å��ä¿®å¤�锯齿a.GPU先按正常分辨ç�‡æ¸²æŸ“完一帧画é�¢(æ— é¢�å¤–é‡‡æ ·,å¡«å……ç�‡å¼€é”€å’Œå…³é—­æŠ—é”¯é½¿å‡ ä¹�ä¸€æ ·),b.FXAAå�ªå¯¹æ¸²æŸ“好的最终画é�¢å�šä¸€æ¬¡æ‰«æ��ä¿®å¤�,它会识别画é�¢ä¸­å‡ºç�°é”¯é½¿çš„åƒ�ç´ è¾¹ç¼˜(比如斜线ã€�文字边缘),然å��对这些边 缘åƒ�ç´ å�šç®€å�•çš„颜色混å�ˆ/模糊处ç�†,让锯齿看起æ�¥æ¶ˆå¤± 全程å�ªé��å�†ä¸€æ¬¡å±�幕åƒ�ç´ ,且æ¯�个åƒ�ç´ çš„è®¡ç®—å�ªæœ‰åˆ¤æ–­è¾¹ç¼˜ 简å�•æ··å�ˆ,没有纹ç�†é‡‡æ ·ã€�光照计算等开销,GPU耗时仅为 MSAAçš„1/5~1/

.举个直观例å­� a.移动端1080På±�幕,å¼€4x MSAAæ—¶,GPU需è¦�渲染 ≈829万åƒ�ç´ (1920×1080×

b.å¼€FXAAæ—¶,GPUå�ªæ¸²æŸ“ ≈207万åƒ�ç´ (1920×

,仅在渲染å��对边缘åƒ�ç´ å�šç®€å�•å¤„ç�† —— å¡«å……ç�‡å¼€é”€ç›´æ�¥å‡�å°‘75%以上

FXAA优缺点a.优点(为什么æ�¨è��移动端用)-å¡«å……ç�‡å�‹å¥½:å‡ ä¹�ä¸�å¢�åŠ GPUçš„åƒ�ç´ å¤„ç�†é‡�,是优化填充ç�‡æ—¶ä¿�留抗锯齿效æ�œçš„最优选择-兼容性强:支æŒ�所有渲染对象(UIã€�ç²’å­�ã€�é€�æ˜�物体ã€�å��处ç�†æ•ˆæ�œ),而MSAA对é€�æ˜�/å�Šé€�物体的抗锯齿效æ�œæ��å·®-设置简å�•:作为å��处ç�†ä¸€é”®å�¯ç”¨,æ— éœ€å¤�æ�‚é…�ç½® b.缺点(需è¦�æ�¥å�—çš„å°�妥å��)-轻微模糊:å› ä¸ºæ˜¯è¿‘ä¼¼ä¿®å¤�,FXAA会让画é�¢æ•´ä½“有æ��轻微的模糊(移动端å°�å±�å‡ ä¹�看ä¸�出æ�¥,PC大å±�ç•¥æ˜�显)-边缘精度ç¨�å·®:对æ��端尖é”�的锯齿(比如细文字),处ç�†æ•ˆæ�œä¸�如4x MSAA,但远好äº�关闭抗锯齿

天美麻花果冻-天美麻花果冻应用