基于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

相关文章
相关标签/搜索