TextMeshPro使用

最新推荐文章于 2024-12-23 11:53:19 发布
最新推荐文章于 2024-12-23 11:53:19 发布
阅读量1.3k 收藏 28
点赞数 15
分类专栏： unity 文章标签： unity 游戏引擎 图形渲染
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qmladm/article/details/142346363
版权

TextMeshPro 是 Unity 的最终文本解决方案
是 Unity UI Text 和旧版 Text Mesh 的完美替代方案
文档: http://digitalnativestudios.com/textmeshpro/docs/

全局配置

默认会创建一个全局配置，位于 Assets/TextMesh Pro/Resources/TMP Settings.asset
这个配置必须放在 Resources 目录下，且名字必须是 TMP Settings.asset

  • Default Font Asset
    默认字体配置，当Text没有指定字体或所需字符不在配置的字体中时都会使用默认字体
  • Path
    字体存放的路径，必须在Resources目录下，把创建的字体配置都放在这里
    只要把字体配置放这里就行，字体还是可以放在其它地方
    注意可以放在任意Resource目录下
  • Fallback Font Assets
    全局备用字体，就是某个字体如果找不到字符，并且在本字体的备用字体列表中也找不到字符时，就会在全局备用字体列表中查找
  • Default Sprite Asset
    • Default Sprite Asset
      默认表情配置，在 RichText 中可以省略 sprite=“xxx”，直接用<index=0>
    • Path
      表情配置存放路径，必须在 Resources 目录下，把创建的表情配置都放在这里
      只要配置放这里就行，表情图片可以放在其它地方
      注意可以放在任意Resource目录下

创建字体配置

不能直接使用字体文件，必须先基于字体文件创建配置

  • 创建字体配置
    有2种方法
    1. Project面板中在字体文件上右击->Create->TextMeshPro->Font Asset
      选中生成的配置后 -> 点击 Inspector 中的 Update Atlas Texture 打开 FontAssetCreator 窗口
      同方法2一样配置并生成字体纹理
    2. 菜单window -> TextMeshPro -> FontAssetCreator

FontAssetCreator配置

参考 http://digitalnativestudios.com/textmeshpro/docs/font/

  • Source Font File 字体文件，该文件只用于生成纹理，不会被打包
  • Padding 字体纹理中，文本间隔
  • FontSize 字体纹理中每个字的大小
  • Character Set 配置要添加到纹理中的字符，其它的会使用默认字体
    注意只有当字体配置中 Atlas Population Mode 设为 Static 时，才只添加 Character Set 中的字符到纹理中，并且字体文件不会打进最终包中，
    如果设为 Dynamic 则不需要配置 Character Set，因为会把字体打进最终包中，根据需要动态添加字符到Character Set中并自动生成纹理
    配置示例
    • Custom Range 32-126,150,161-255
    • Unicode Range(Hex) 20-7E,A1-FF
    • Custom Characters 01234567890 ABCDEFGabcdefg 中间包含空格
  • Render Mode 字体纹理生成模式，一般用默认就行
  • Get Kerning Pairs 从字体文件中拷贝特殊字符的间距信息，只有少数字体包含该信息
  • Generate Font Atlas 如果 Character Set 有修改，则点击重新生成纹理，然后才能保存
  • Save 生成并保存字体配置和纹理

字体配置FontAsset

参考 http://digitalnativestudios.com/textmeshpro/docs/font/
字体配置统一放在 全局配置 的路径下，方便RichText引用

  • Face Info
    字符信息，主要是排版相关参数
    外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传
    • Line Height 行高
    • Ascent Line baseline 到字符最上沿
    • Descent Line 负值，baseline 到字符最下沿
    • Cap Line 大写字母间距
    • Mean Line
    • Baseline 基准线，一般为0
    • Underline Offset
    • Underline Thickness
    • Strickthrough Offset
    • Superscript Offset
    • Superscript Size
    • Tab Width
  • Generation Settings
    字体信息，引用的字体文件，以及如何生成字符纹理
    • Source Font File 引用的字体文件
    • Atlas Population Mode 字符纹理生成方式
      • Static 静态，只添加 Character Set 中的字符到纹理中，并且字体文件不会被打包
      • Dynamic 动态，字体文件会被打包，根据需要动态添加字符到Character Set中并自动生成纹理
    • Atlas Render Mode
  • Font Weights
    用于配置粗体和斜体的字符显示
    纵向的代表粗体级别，横向代表该粗体级别下，正常和斜体的字体
    比如 你可以导入粗字体，并创建对应的配置，然后设置给 [800-Heavy,Regular Typeface]，这样当 Text 组件设置为粗体后将用该字体显示，如果没有设置，则会使用下面的参数对当前字体进行处理来生成伪粗体
    • Normal Weight
    • Bold Weight
  • Fallback Font Assets
    备用字体列表，当需要的字符不在当前字体中时，会搜索备用字体列表，还没有则用unity默认字体
    用这个可以实现一些特殊效果，比如我使用字体A，但觉得逗号不好看，想使用字体B的逗号
    参考 常见效果实现
  • Character Table
    当前字符纹理中包含的字符
    可通过点击上方的 Update Atlas Texture 打开 FontAssetCreator 窗口重新生成
    也可以点击某个字符信息进入编辑模式
  • Glyph Table
    字符纹理中每个字符的纹理信息
    点击某个字符信息可进入编辑模式
  • Glyph Adjustment Table
    相邻字符的额外布局信息，可用于高级排版
    比如 A 和 V 2个字符相邻时，可以调整布局信息使之靠近点
    • OX 水平偏移
    • OY 垂直偏移
    • AX 水平间距

使用

主要提供了2个组件用于渲染文本

  • TextMeshPro
    配合 MeshRenderer 在场景中渲染

    • 快速添加对象
      GameObject -> 3D Object -> Text-TextMeshPro

  • TextMeshProUGUI
    配合 CanvasRenderer 在UGUI中渲染

    • 快速添加对象
      GameObject -> UI -> Text-TextMeshPro

Text组件

shader效果参考 http://digitalnativestudios.com/textmeshpro/docs/shaders/

  • ColorGradient
    颜色渐变
  • Underlay
    阴影效果
  • Glow
    描边效果
  • Lighting
    光学效果

RichText

参考 http://digitalnativestudios.com/textmeshpro/docs/rich-text/

表情

允许通过 RichText 嵌入 Sprite

  • 从美术获取包含多个表情的图片
  • 图片导入设置
    TextureType = Sprite(2D and UI)
    Sprite Mode = Multiple
    点击 Sprite Editor 划分好各个Sprite
  • 创建SpriteAsset
    Project 面板选中图片右击 -> Create -> TextMeshPro -> Sprite Asset
    生成这个配置后，图片你可以改成其它类型，因为每个Sprite的信息已经记录在SpriteAsset中
  • 在Text中使用
    • 引用 SpriteAsset
      1. 放在 全局配置 Default Sprite Asset.Path 的目录下，注意可以是任意的 Resources，后续通过文件名引用
      2. 放在任意位置，直接把 SpriteAsset 拖到 Text 组件的 ExtraSettings.Sprite Asset
    • 勾选 RichText
    • 文本中使用 SpriteAsset
      • 使用默认SpriteAsset
        默认SpriteAsset是下列配置中第一个有值的，优先级从高到低
        1. Text 组件的 ExtraSettings.Sprite Asset
        2. 全局配置 中的Default Sprite Asset
      • 使用非默认SpriteAsset <sprite=“assetName” name=“spriteName”>
        SpriteAsset必须放在 全局配置 Default Sprite Asset.Path 的目录下
    • 你会发现表情的中心点对齐到文本起始点
      可以通过调整表情配置中的 Global Offsets & Scale 来对齐

常见效果实现

  • 颜色渐变
    勾选 ColorGradient
    配置渐变颜色
  • 阴影效果
    勾选 Underlay
  • 描边效果
    勾选 Glow
  • 文本使用字体A，逗号想用字体B
    • 创建字体A的配置
    • 创建字体B的配置
      Atlas Population Mode 设为 Static,
      Character Set 中只添加逗号
      Fallback Font Assets 中添加字体A的配置
    • 在 Text 组件中，Font Asset 关联字体B的配置
  • 表情
    参考 表情
  • 艺术字
    参考 表情
WebGL解决中文字体过大的问题
sltkit的博客
01-01 1411
最近公司项目要转成Webgl格式,打包测试后发现会把字体文件一同打包进去,导致打包文件很大 打包了一个空场景,使用的字体是Window自带的微软雅黑,字体占用空间很大 后来发现Unity有一个自带的TextMesh Pro,也可以进行文字输出,于是有了以下解决方法,TextMesh Pro的基本使用方法我就不说了,网上有很多 1.新建一个你想使用TextMesh字体 2.在场景中替...
Unity中Text Mesh Pro研究说明
liuqxioio_dingke的博客
12-13 1901
Unity中UGUI的文本效果研究笔记，重点介绍了Text Mesh Pro这个文字控件的一些参数设置。
Unity3D之TextMeshPro使用
yizhou2010的专栏
07-23 2386
【官网文档】TextMeshPro 是 Unity 的最终文本解决方案。它是 Unity UI Text 和旧版 Text Mesh 的完美替代方案。功能强大且易于使用的 TextMeshPro（也称为 TMP）使用高级文本渲染技巧以及一组自定义着色器；它大幅改进了视觉质量，同时为用户创建文本样式和纹理提供了难以置信的灵活度。TextMeshPro 能够更好地控制文本格式和布局，提供了字符、单词、行和段落间距调整、字距调整、文本对齐、链接、超过 30 种富文本标签、多种字体和精灵支持、自定义样式等功能。
Unity中TextMeshPro的使用
Wu_0526的博客
01-11 7258
在Unity中有自带的Text组件，这个组件已经能够满足我们日常开发中绝大多数的开发字体显示需求了，我们为什么还要使用这个TextMeshPro组件呢？这是因为Text使用的是基于位图的渲染技术而TextMeshPro基于的则是SDF算法即基于网格的文本渲染技术，并且TextMeshPro相比于Text拥有更强的抗锯齿效果。并且TextMeshPro相比于Text组件来说能够支持更加丰富的显示类型，例如：超链接、富文本、文本描边、图文混排等等。
【保姆级教学】Unity TextMeshPro 位图字体（位图字体使用建议）
qq_42296238的博客
12-23 471
如果不使用TextMeshPro 会比较麻烦，用shader或者通过自动通过数值去创建Image的方式都可以实现。在Hierarchy面板中，右键点击，选择 UI > Text - TextMeshPro。使用TMP的Sprite Asset创建流程，配置您的数字Sprite。在TMP文本对象中，分配您的Sprite Asset，并使用。打开 Window > Package Manager。搜索 TextMesh Pro，点击 Install。
Unity - TextMeshPro
weixin_41316824的博客
02-02 1万+
更方便的做法是专门创建一个用于补字的兜底字库，将它放在fallbackList的最后，其对应ttf字体包含几乎所有字形，其CharacterSequence仅按需添加。最终保存为asset文件。由于 TextMeshPro 创建的几何图形每个字符使用两个三角形，就像 Unity 的文本组件一样，因此这种改进的视觉质量和灵活性没有额外的性能成本。在这个前提下，我们希望各个字库间尽可能无重复（防止不同语言下看同一个字的样式不同），所以我们需要将源ttf文件进行子集筛选，让它仅存在对应语言的字，或仅存在符号字。
Unity - TextMeshPro 使用教程
ln_chenchao的博客
08-21 722
unity textmeshpro font asset creator custom characters list import TMP Essentials 飘字效果
中文汉字20000+汉字，制作textmeshpro使用
最新发布
04-07
中文汉字20000+汉字，制作textmeshpro使用 unity
Unity日历小插件，需导入TextMeshPro使用
07-17
unity日历插件，实现翻页，选择日期等功能
textMeshPro 中文字体字符Text
06-12
为了使用这些中文字体字符集，开发者需要将"chinese6500.txt"或"chinese3500.txt"导入到Unity项目中，并在TextMeshPro的设置里配置好对应的字体资源。在创建TextMeshPro的Text对象时，可以选择这个自定义的字体，...
Unity2018.3.0 版本以上使用的TextMeshPro 中文字体包
03-21
Unity2018.3.0 版本以上使用的TextMeshPro 中文字体包
TextMeshPro 使用及性能
FlyToCloud的博客
02-19 1万+
目录 TextMeshPro： 组件介绍： Main Setting： Extra Setting： 轮廓、阴影、外发光： 表情混编使用： 表情资源制作： 字体资源制作： 关于性能： TextMeshPro： ps：第一次写博客，排版和表述可能有不尽人意的地方请多多包涵。另外受个人能力限制，可能有一些不正确的地方，也请大家帮忙指正。如果能帮到其他开发同学就真的太棒了 ^ _ ...
优化TMP字体资源大小的思路
qq_24218843的博客
10-18 2760
优化TMP字体资源大小
Unity TextMesh Pro创建中文字体资源
enjoySoledad的博客
07-20 3450
Unity TextMesh Pro创建中文字体资源
TextMeshPro使用说明
非鬼亦非仙的博客
08-24 1万+
TextMeshPro使用说明创建字体所以对于中文环境建议Font Creator窗口属性注意要包含空格字符，除非确定你不需要它设置全局默认字体第一种方法第二种方法精灵字体动态字体扩展原理使用方法组件源码地址 创建字体 TextMesh Pro无法像UGUI Text那样使用动态字体，因为TextMesh Pro需要对字体进行预处理来计算SDF，这部分计算非常耗时。这对于英文字体来说影响不大，一个字体文件或一张贴图包含的信息都很少，但是对于字符非常多的语言如中文就影响很大。 所以对于中文环境建议 对于游戏
unity优化webgl下的textMeshPro字体大小
yangjie6898862的专栏
11-06 1304
成果：优化前2.5M的字体文件优化后只有几百kb不到1m了背景：unity微信小游戏要求字体文件在3m以内姑且我认为2.5m以内实际可以干到1M以内。微信小游戏要求尽可能的进游戏快，在这个背景下我们需要对字体进行优化，我采用的是3500字的常见中文，一些符号它没有包含进去所以用了一个FallbackLIst字体库（很小）另外参考博客。
创建TextMeshPro字体文件
weixin_43735634的博客
02-04 1731
相比于Unity的Text组件，TextMesh Pro提供了更强大的文本格式和布局控制，更高级的文本渲染技术，更灵活的文本样式和纹理支持，更好的性能以及更易于使用的优点。但unity自带TextMeshPro字体不支持中文。这里使用普通字体文件生成TextMeshPro字体文件。 windows -> TextMeshPro -> Font Asset Creator Source Font File :字体文件 Sampling Point Size:采样点大小 Padding:文字间距
TextMeshPro动态字体显示为方框的解决方案
m0_51008742的博客
11-21 1225
Unity TextMeshPro动态字体部分文字显示为方框的问题。
Unity 中 创建 TextMeshPro 中文字体（含常见汉字 TXT 文件）
热门推荐
qq_37454669的博客
11-03 6万+
创建TextMeshPro中文字体，为Unity TextMeshPro添加中文支持。
TextMeshPro在中文环境下的使用教程
使用TextMeshPro的第一步通常是在Unity编辑器中导入TMP Essentials包。TMP Essentials包括了TextMeshPro的基础资源和示例内容，可以通过Unity的Package Manager进行安装。 安装完成之后，开发人员需要了解如何在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值