Unity Text Mesh Pro 浮动文字-学习

这篇具有很好参考价值的文章主要介绍了Unity Text Mesh Pro 浮动文字-学习。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

textmeshpro 滚动,Unity,unity,学习,ui

TextMeshPro(TMP)是unity的一套UI文字方案,支持对顶点、颜色进行编辑,自定义强,可扩展等优点。

对于英文数字即字符只需制作ASCII的文件即可,但是对于中文,如果我们的文字需要动态生成且不可控,那么就需要考虑所有可能需要的文字,生成的字体文件就会很大,不适合手游等要求安装包小的项目使用。所以建议只在可确定中文的UI和ASCII包含字符上使用Textmesh pro。

安装

textmeshpro 滚动,Unity,unity,学习,ui
组件分为两类
textmeshpro 滚动,Unity,unity,学习,ui
textmeshpro 滚动,Unity,unity,学习,ui

关于中文字体文字生成

textmeshpro 滚动,Unity,unity,学习,uitextmeshpro 滚动,Unity,unity,学习,ui

BMPFont
位图按照内容命名依次导入文字位图,生成图集和.fnt字符信息
在unity读取字符信息生成字库

TexturePacker
位图同上操作导入,工具输出切分好的JSON(Array)信息
使用 Sprite Importer导入成字库

PS JS将图片按顺序分层排列,利用JS脚本导出每图层信息并组织成
字符信息,使用Sprite Importer导入成字库

Unity Sprite
切割图集,脚本创建字符信息创建字库或Sprite Importer导入收集的信息
生成字库

Unity Sprite方式,需要读取位图信息和字符信息赋值到Font并保存

textmeshpro 滚动,Unity,unity,学习,ui
textmeshpro 滚动,Unity,unity,学习,ui
textmeshpro 滚动,Unity,unity,学习,ui
TMP 字体会生成SDF信息
Font 文件需要characterInfo、material (Transparent)
我们可以使用Characters From File来映射字体文件中的字符
官网

生成好font文件后,我们使用TMP的Font Asset Creator生成TMP可用字体格式

我们也可以生成单独的字库文件追加到已有字库中textmeshpro 滚动,Unity,unity,学习,uitextmeshpro 滚动,Unity,unity,学习,ui

textmeshpro 滚动,Unity,unity,学习,ui

动画

参考
获取TMP_Text组件中的CharacterCount、verteices信息
对每字符进行操作

textmeshpro 滚动,Unity,unity,学习,ui
vertexIndex是字符mesh第一个顶点,vertices是所有顶点数据
textmeshpro 滚动,Unity,unity,学习,ui
操作完对mesh刷新,传递到对应Renderer中
textmeshpro 滚动,Unity,unity,学习,ui
延迟更新
textmeshpro 滚动,Unity,unity,学习,ui
根据字符总数、延迟时间、单位时间计算出
最大时长,在循环模式中对time取余(elapsedTime=deltaTime)
textmeshpro 滚动,Unity,unity,学习,ui
textmeshpro 滚动,Unity,unity,学习,ui
根据字符index和当前计算的时间读取动画曲线(可省略)textmeshpro 滚动,Unity,unity,学习,ui

参考

文字Mesh,每个字符由4个顶点组成
顺序为
左下、左上、右上、右下
textmeshpro 滚动,Unity,unity,学习,ui
根据需要对顶点进行逐顺序驱动,本篇的浮动效果比较简单,直接4个顶点同时赋值即可

便捷实现

DoTweenPro,对就是这么便捷

补充

shader实现浮动文字动画链接

textmeshpro 滚动,Unity,unity,学习,ui
textmeshpro 滚动,Unity,unity,学习,ui

textmeshpro 滚动,Unity,unity,学习,ui文章来源地址https://www.toymoban.com/news/detail-614683.html

到了这里,关于Unity Text Mesh Pro 浮动文字-学习的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Unity - TextMeshPro

    TextMeshPro 是 Unity 的终极文本解决方案。它是 Unity 的 UI 文本和旧版文本网格的完美替代品。 TextMeshPro(也称为 TMP)功能强大且易于使用,它使用高级文本渲染技术以及一组自定义着色器;提供显着的视觉质量改进,同时在文本样式和纹理方面为用户提供难以置信的灵活性。

    2023年04月08日
    浏览(42)
  • unity TextMeshPro 富文本

    b粗体标签/b i斜体标签/i u下划线标签/u   s删除线标签/s sup上标标签/sup前面后边上标签 5sup。/supC sub下标标签,如:/subHsub2/sub0    size=48文字大小/size size=55%文字大小-百分比/size size=+18默许大小上再添加文字大小/size size=-18默许大小上减去指定文字大小/size pos=40间隔左侧的缩进

    2024年04月29日
    浏览(37)
  • 【Unity】TextMeshPro描边功能

    有的小伙伴第一次使用TextMeshPro的时候,会找不到TextMeshPro的描边功能,对此,我来简单的讲述一下。

    2024年03月12日
    浏览(65)
  • Unity的TextMeshPro使用概览

    一、生成动态字体 1.字体文件:比如windows系统的fonts文件夹中 2.导入unity,create——Text Mesh Pro——Font Asset 3.字体补充:建一个txt文件,收录常用汉字(中文标点符号也要自己处理),导入unity,然后选中生成的SDF字体,更新字体图集 4.选择合适的分辨率,太小会导致字体放大

    2023年04月09日
    浏览(37)
  • Unity中TextMeshPro的使用

     在Unity中有自带的Text组件,这个组件已经能够满足我们日常开发中绝大多数的开发字体显示需求了,我们为什么还要使用这个TextMeshPro组件呢?这是因为Text使用的是基于位图的渲染技术而TextMeshPro基于的则是SDF算法即基于网格的文本渲染技术,并且TextMeshPro相比于Text拥有更

    2024年01月17日
    浏览(45)
  • Unity [TextMeshPRO]动态字体显示中文

    我们知道Unity的Text组件在新版本中已经标记为legacy,TextMeshPRO因为有着更加出色的效果被Unity官方奉为主流。 言归正传,如果我们想要用TextMeshPRO]显示中文应该这么处理呢? 首先,我们肯定要导入一份中文字体 因为静态字体的文章较多,这里不再赘述 然后我们在字体上右键

    2024年02月12日
    浏览(65)
  • Unity TextMeshPro使用中文字体

      TextMeshPro是Unity新一代字体,是 Unity 的最终文本解决方案。它是 Unity UI Text 和旧版 Text Mesh 的完美替代方案。功能强大、易于使用、性能高效。目前TextMeshPro对中文的支持也还可以,不过默认不能用,需要自己成生成。    本文就介绍TextMeshPro中文字体文件的生成方法,并

    2024年02月08日
    浏览(62)
  • Unity TMP (TextMeshPro) 创建字体材质

    完整名称:Text Mesh Pro ,unity新一代主流字体插件 1.1 组件变化 内置的Text组件以及与内置Text组件绑定的Button、DropDown、InputField均被替换为使用TextMeshPro的版本 内置的Text组件以及与内置Text组件绑定的Button、DropDown、InputField则被移动到Legacy菜单 1.2 变化说明 旧的组件只是移动到

    2024年02月10日
    浏览(38)
  • Unity中使用TextMeshPro打出Emoji表情

    最近遇到一个需求,在聊天框中支持用户的Emoji输入,查了半天资料没有一个能说清楚的,于是自己研究琢磨了下。 最终效果 最终效果可以在APP输入框中使用系统的输入法输入emoji表情并显示,如下 1.1 准备好emoji素材 找到emoji图片,注意需要是 unicode.png 格式命名的。github上

    2024年01月18日
    浏览(56)
  • Unity使用TextMeshPro多字体和材质热更

    最近Unity项目中使用到TextMeshPro做聊天,需要支持部分字体带描边,部分字体不带描边。想到的决解方案是:TextMeshPro支持多字体展示(具体可以查看组件的官方案例Link Example),就做了两个字体一个是带描边的一个是不带描边的。 但是有个问题是多出来的一个字体需要放在

    2024年02月16日
    浏览(60)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包