抗锯齿 文字_Unity开启抗锯齿后,文字模糊不清可咋整?

dad5a0a9b84bd68b3257cefe31b9c4d1.png

在项目进行到末期的时候,突然发现一个问题

因为一些原因,我们需要在UI层开启Post Process Layer渲染相机图像来达到抗锯齿的效果。

5da84f27cf9df05a23bedf1326a6520a.png
抗锯齿前

091ebfee689b8a02e476af5fe0e99923.png
抗锯齿后

其实原理就是给边缘进行模糊处理。但同样在UI层的文字也被模糊了,并被糊成一团:

a8b18b349222bcbb5aca3c7d1f50501c.png
修改前

因为需要做多语言,所以字体库的文字数量较多,被挤到一起,导致单个文字空间变小。这时再开启抗锯齿效果,文字自然糊在一起。

这是我们处理之后的文字显示效果

c588c9bbaa6f0dab826d02fc90106d43.png
修改后

优化步骤:

一:测试是否是因为字数过多产生的问题

1:打开Unity中的Window>TextMeshPro>Font Asset Creator

c01627f8ce2b095b3b5cfe399e6b2c81.png
打新的图集进行属性测试

打一个只有英文字母的图集,并固定文字尺寸(自动尺寸时,文字大小会随字体多而变小,少而放大)

若有好转,记录下固定文字的大小和间隔(间隔不可过小,间隔过小会导致字体描边变细。)


二:筛选字库中的重复文字,并删除。使2048*2048图集大小下,文字固定大小可以放下。

尽量不要大于2048*2048,因为市面上的一些设备会不支持超过2048*2048的字体图集,就会导致一些设备上的字体缺失。


三:保持和测试时一样的文字大小和间隔,将Character Set设置为Characters from File

ffebec9ad802b15af3f2f200174ad0a1.png

注意,文字这里的Render Mode最好设置为SDFAA,这样文字自身带了一层抗锯齿,导出的效果会更有保障。

以上就是单独给文字做抗锯齿的所有步骤啦,谢谢观看。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值