LGUI SDF 字体渲染

2024-06-28 15:58:03

LGUI SDF 字体渲染

用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，命名为MySDFFont
双击打开MySDFFont，配置属性参数并在FontSourceFile中指定一个可用的字体文件，完成之后这个SDF字体就可以用了

2 使用 SDF 字体

SDF字体的使用跟之前的动态字体一样，只要把刚才创建的MySDFFont物体拖拽到UIText的Font属性上就可以了

这个时候我们再双击打开MySDFFont，可以看到Texture属性里的贴图已经有一些字符被打包到图集上了

3 检查SDF渲染的文字

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

LGUI SDF 字体渲染相关推荐

字体渲染 mac linux,Mac下通过命令来渲染字体
小子在之前就碰到过很多朋友安装Mac之后,遇到了字体太轻.太淡的问题,其实小子在看惯了一种渲染后其实就慢慢适应了. 大家不知道是否知道在Mac OS X 10.5的时候,在偏好设置-外观中系统自带了字 ...
antd 中table上加不同字体颜色_字体渲染系统！微软终于决定优化Win10字体模糊问题...
据外媒WindowsLatest报道 , 微软可能会在明年为Windows 10系统带来新的字体渲染系统和便捷的颜色选择器. 在目前版本的Windows 10中字体管理已经比较方便,在设置里可以轻松查 ...
OpenGL 位图字体渲染的实例
OpenGL 位图字体渲染先上图,再解答. 完整主要的源代码源代码剖析先上图,再解答. 完整主要的源代码 #include <sb7.h> #include <sb7ktx.h ...
android 字体渲染机制,Android：字体渲染问题.ttf 3MB
我的Android应用程序需要支持各种语言(如中文等).他们大多数都在Ascender的DroidSansFallback.ttf文件中.Android:字体渲染问题.ttf> 3MB 在某些A ...
超简单调整Fedora25遇到的字体小问题——字体渲染问题和输入框内容显示不全...
第一个问题:字体渲染抗锯齿效果很不舒服.如图: 锯齿很明显.解决方法,使用gnome-tweak-tool(中文名:优化工具)如果没有,请安装: dnf install -y gnome-tweak ...
[html] 说说页面中字体渲染规则是怎样的？会有哪些因素影响字体的渲染？
[html] 说说页面中字体渲染规则是怎样的?会有哪些因素影响字体的渲染? 字体渲染: 1.解码,根据web服务器返回的(或者本地网页本身的)content-type charset等信息确定编码,将 ...
[html]说说页面中字体渲染规则是怎样的？会有哪些因素影响字体的渲染？
[html]说说页面中字体渲染规则是怎样的?会有哪些因素影响字体的渲染? 字体渲染: 1.解码,根据web服务器返回的(或者本地网页本身的)content-type charset等信息确定编码,将网 ...
字体渲染渲染引擎
首先看看一下的术语: 字体渲染.字体微调(hinting) 栅格化. 黑白渲染. 灰度渲染. 渲染引擎.TrueType字体格式 .PostScript字体格式下面提供学习的资料: 字体渲染详解这 ...
朋友圈加粗字体数字_利用Stylus插件让Chrome有macOS的字体渲染效果
Stylish是一个让你可以在每个网站自订CSS的工具,我们可以利用CSS达成类似Mac的字体渲染效果. 安装所需字体和Stylus插件思源黑体:https://github.com/adobe-f ...

最新文章

热门文章