【游戏开发实战】手把手教,Unity使用TextMeshPro显示字体

一、前言

Unity中要显示文本,我们一般是用UGUIText组件。
在这里插入图片描述
在这里插入图片描述
不过Text渲染的字体不是矢量的,所以靠近的时候会看到锯齿和模糊。
在这里插入图片描述
今天要介绍另个显示文本的组件:TextMeshPro,使用它渲染的字体是矢量的,靠近不会有锯齿和模糊。
除此之外,还有丰富的表现效果,比如模糊、扩张、描边、发光等等。
在这里插入图片描述

二、TextMeshPro组件

1、导入ttf字体

ttf格式的字体导入Unity工程中,如下,我导入一个微软雅黑的ttf格式字库。
在这里插入图片描述

2、打开Font Asset Creator

点击菜单Windows / TextMeshPro / Font Asset Creator
在这里插入图片描述

第一次打开会弹出如下提示框,点击Import TMP Essentials即可
在这里插入图片描述

打开后即可看到Font Asset Creator窗口。
在这里插入图片描述

3、创建txt字库文本

创建一个txt文件,比如character.txt,里面输入要用到的字,比如:大家好,我是林新发
在这里插入图片描述

4、设置Character Set

Font Asset Creator窗口中设置Character SetCharacters from File
在这里插入图片描述
然后把刚刚的character.txt赋值给Character File
在这里插入图片描述

5、Generate Font Atlas,保存字库asset

点击Generate Font Atlas
在这里插入图片描述
保存字库asset资源,比如msyh SDF.asset
在这里插入图片描述
完成后即可看到msyh SDF.asset文件。
在这里插入图片描述

6、创建TextMeshPro

Canvas加点上右键菜单:UI / Text - TextMeshPro,即可创建一个TextMeshPro对象。
在这里插入图片描述
可以看到它挂了一个TextMeshPro - Text (UI)组件,我们给它的Font Asset赋值刚刚创建的msyh SDF.asset,输入显示文本:大家好,我是林新发
在这里插入图片描述
即可显示出文本内容了。
在这里插入图片描述
我们在Scene场景中不管多近距离观察,字体显示都非常清晰。
在这里插入图片描述

7、在3D空间中显示TextMeshPro

上面是在UI上显示TextMeshPro,我们也可以在3D空间中显示TextMeshPro
在世界空间中创建一个空物体,点击菜单Create Empty
在这里插入图片描述
然后添加TextMeshPro -Text组件,注意不是TextMeshPro -Text (UI)组件。
在这里插入图片描述
然后赋值Font Asset,并输入显示文本。
在这里插入图片描述
即可在3D空间中显示TextMeshPro了。
在这里插入图片描述
将字体靠近镜头,字体依旧清晰:
在这里插入图片描述

8、描边效果

选中TextMeshPro对象,调整材质的Outline颜色和Tickness(描边厚度)即可。
在这里插入图片描述

9、软化效果

调节Softness可以实现字体的软化效果。
在这里插入图片描述

10、扩张效果

调节Dilate可以实现字体的扩张效果。
在这里插入图片描述

11、投影效果

调整Underlay可以实现字体的投影效果。
在这里插入图片描述

12、光照效果

调整Lighting可以实现字体的光照效果。
在这里插入图片描述

13、外发光效果

调整Glow可以实现字体的外发光效果。
在这里插入图片描述

  • 46
    点赞
  • 153
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 9
    评论
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

林新发

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值