LGUI SDF 字体渲染

LGUI SDF 字体渲染

LGUI SDF 字体渲染_第1张图片
用SDF (Signed Distance Field) 来渲染文字,在很多软件里都有用到,比如Unity的TextMeshPro默认就是用的SDF字体。SDF字体的主要优势是可以用比较小的贴图渲染较大尺寸的字体(缺点是需要有角点的地方也会比较圆滑)。

LGUI插件的3.2.0版本中提供了SDF字体渲染的功能,下面来介绍一下如何使用。

1 创建SDF字体

(LGUI的默认资源中自带了SDF字体可以直接使用,在 LGUI Content 目录下的 DefaultSDFFont
Content Browser 空白处右键菜单中选择 LGUI/LGUI SDF Font 创建一个 LGUI SDF Font,命名为MySDFFontLGUI SDF 字体渲染_第2张图片
双击打开MySDFFont,配置属性参数并在FontSourceFile中指定一个可用的字体文件,完成之后这个SDF字体就可以用了
LGUI SDF 字体渲染_第3张图片

2 使用 SDF 字体

SDF字体的使用跟之前的动态字体一样,只要把刚才创建的MySDFFont物体拖拽到UIText的Font属性上就可以了
LGUI SDF 字体渲染_第4张图片
这个时候我们再双击打开MySDFFont,可以看到Texture属性里的贴图已经有一些字符被打包到图集上了
LGUI SDF 字体渲染_第5张图片

3 检查SDF渲染的文字

之前提到SDF字体的优势是小尺寸的贴图可以光滑的渲染大尺寸的文字。我们选择一个UIText并把镜头拉近,可以看到无论拉得多近,文字的边缘看起来还是很平滑
LGUI SDF 字体渲染_第6张图片

你可能感兴趣的:(LGUI,UE4,3D,UI,游戏引擎,ue4,ui)