基於SDF渲染字體

18號字體緩存

18號字體.png

18號字體放大15倍字體

位圖字體_放大15倍.png

基於sdf渲染字體放大15倍3d

矢量字體_放大15倍.png

相比常規的渲染方式,基於SDF渲染文字可無限放大並保持清晰,幾乎沒有開銷就可實現描邊,發光,抗鋸齒等效果.且它只須要很小的紋理緩存SDF信息便可.blog

所謂SDF(Signed-distance-field),就是將每一個像素存儲的顏色值換成距離文字輪廓最短距離,當像素在文字內,則用正數距離,在文字外則用負數距離,文字輪廓距離則是零,所以只要判斷像素若是是正數,就輸出顏色,不然丟棄顏色便可.圖片

該技術由Valve開發半條命2時提出,當時主要用於渲染圖片,以後被普遍用於其餘技術中,用於渲染字體僅是其中一項.開發

相對比常規的渲染方式,除了片斷着色器的差異外,主要差異在於生成的紋理緩存.get

常規渲染方式的紋理緩存大體以下:it

一個紋理只存一個字號class

fnt36.png

一個紋理存儲多個字號渲染

[fnt_atlas.png](https://img2018.cnblogs.com/blog/596122/201912/59612

相關文章
相關標籤/搜索