SDF 材质球和基本设置

一、SDF 是什么？

SDF 是有符号距离场(signed Distance Field)的缩写

有符号(signed):指的是距离可以为正或负，表示一个点位于边界的内部(负值)还是外部(正值)
距离(Distance):表示每个像素点到字符边缘的距离
场(Field):指的是整个字体或图形周围的距离值的分布

SDF 是一种用于高质量文本和图形渲染的技术，尤其适用于缩放或在低分辨率下保持边缘平滑的情况它的本质就是在一个 shader(着色器)中利用 SDF 相关算法规则来染文字 SDF 技术生成的字体纹理并不是普通的位图，而是基于每个像素到字体边缘的距离值,这些距离值存储在纹理的灰度通道中，代表每个像素到字符边缘的距离信息。然后在渲染时，着色器根据这些距离值动态计算字体的边缘，最终渲染出平滑的字符轮廓。

主要在 TMP 中用于生成和渲染文本，能让字体在任意大小或距离下保持清晰和锐利的效果

二、SDF 材质是什么

我们创建的字体资源使用的材质球本质上就是一个使用了 SDF 相关 Shader 的材质球利用该 shader 渲染出来的字体效果会更好，并且该 shader 提供了很多可以被配置的参数我们可以在对应字体的材质球中修改这些参数从而让我们的字体实现一些更复杂的美术表现效果因此我们需要学习字体材质球中的这些参数，从而帮助我们利用它来实现我们的表现需求

三、SDF 材质球的参数

1.基础设置

Color 文本表面颜色，该颜色会和 TMP 组件颜色进行相乘叠加
Texture 可以为文本添加贴图
- Tiling 平铺
- Offset 偏移
- Speed 移动速度可以实现材质滚动效果，可以配合 UV 使用
Softness 边缘柔和度，可以让文本产生类似于毛边效果的模糊感
Dilate 拓展，类似于改变粗细的效果

2.边缘线

Color 文本表面颜色，该颜色会和 TMP 组件颜色进行相乘叠加
Texture 可以为文本添加贴图
- Tiling 平铺
- Offset 偏移
- Speed 移动速度可以实现材质滚动效果，可以配合 UV 使用
Thickness 边缘线轮廓粗细

3.阴影

Underlay Type
- None 无阴影
- Normal 正常标准阴影
- Inner 反转底图，用原始文本遮罩它
Color 文本表面颜色，该颜色会和 TMP 组件颜色进行相乘叠加
Offset X/Y 阴影偏移
Dilate 拓展，类似于改变粗细的效果
Softness 边缘柔和度，可以让文本产生类似于毛边效果的模糊感

4.照明

1.）斜面设置

Type
- Outer Belevl 外斜面让字体产生带有倾斜斜面的突起效果相当于中间凸出来
- Inner Belebl 内斜面轮廓突起的文本相当于向中间凹进去
Amount 陡峭程度
Offset 偏移位置
Width 斜面大小
Roundness 平滑程度
Clamp 限制斜面的最大高度