Text Mesh Pro --- Sprite Asset 创建

最新推荐文章于 2024-06-11 14:43:31 发布
最新推荐文章于 2024-06-11 14:43:31 发布
阅读量1.1k 收藏 6
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/su9257/article/details/103159401
版权

前言，这是笔者Text Mesh Pro 系列中的第二篇文章，本章将讲述在Text Mesh Pro中 图片字体文件的创建，因为在实际开发中，图文混排会经常的使用。所以创建图片这种特殊的字体也是不可或缺的步骤。

如有不准确或错误的地方欢迎留言指正
开发环境
  • Unity 2018.4.5
  • Text Mesh Pro 1.4
工程示例地址：https://github.com/su9257/Text-Mesh-Pro-Tutorial.git

想要创建对应的图片字体文件，你需要一张含有多个图标的图片，如下图

7643202-8e7f99e877b64cc1.png

然后把对应的图片切割好，右键创建图片字体

7643202-7fbe5693369e616a.png

最低0.47元/天 解锁文章
su9257_海澜
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Unity TextMesh Pro 制作Font Asset中文 、 Sprite Asset
qq_37057633的博客
07-19 1万+
废话不多说,使用TexturePacker制作可供TextMesh Pro使用的Sprite Asset(不喜勿喷) 软件版本: Unity版本 2017.3.1f1 官网下载 TextMesh Pro版本 1.2.2 Unity Asset Store内置免费 TexturePacker版本4.8.2 https://www.codeandweb.com/texturepacker官网下...
laravel-mix-svg-sprite:用于Laravel Mix的SVG Sprite组件
05-01
该组件向Mix添加了一个额外的API，以创建单独的SVG文件的SVG子画面。 可以像Mix的其他API一样使用它： // webpack.mix.js let mix = require ( 'laravel-mix' ) ; require ( 'laravel-mix-svg-sprite' ) ; mix . ...
【Unity】TextMeshPro实现图文混排
张不无的博客
02-02 1184
TextMeshPro实现图文混排
Unity 使用TextMeshPro实现图文混排
最新发布
風情
06-11 405
点击上面生成的Sprite Asset ， 点击图上对应位置的+号 ， 把第二张图的Sprite Asset加入进来。选中图片右键->Create->TextMeshPro->Sprite Asset。然后把刚刚创建的SpriteAsset拖过来 放到对应的地方。ok 至此 完成TextMeshPro的图文混排。添加之后 场景里面的text就显示出来了。然后文件夹内就会出现一个同名的这个文件。然后参照上面的调整好第二张图的位置。(文字)(图片)(文字)(图片)(文字)(图片)(文字)
Unity TextMesh Pro 制作 Sprite Asset
newtonsm的博客
07-03 5113
下载TexturePacker PC版安装完毕后直接打开,可能会弹出窗口,选择JSON(Array) 选择第三个选项 如果没有弹出可以自己点击之后选择 然后将要做成图集的资源拖入中间灰色的部分 然后在右上角选择Data File的输出路径和Texture File的输出路径,要指到Unity工程下, 修改高级设置 DataFormat设置为Json(Arry) TextMes...
Unity TextMesh Pro富文本添加图片细节
love_c_s的博客
07-07 4878
1.场景中右键添加Canvas,子物体添加Text-TMP 2. 准备图片。设置精灵2d 3.选中图片，右键创建TMP 4.得到S标文件，拖放到指定位置（PS，图片要一开始就放到对应文件夹，S文件生成后拖放到对应文件夹）。此后图片随意更改删除都无所谓，已经切断联系。因为S文件已经独立出去，TMP中只用S文件。 5.在场景中的TMP组件中，找到Extra Setting，单击打开它。将生成的S拖放到这个位置赋值。 6.文本Text中
Unity TextMeshPro图文混排
iningwei的博客
03-09 4803
笔者最近项目使用TextMeshPro完成图文混排的需求，以及图文超链接，总的来说功能很强大，没遇到什么坑。 这里记录一下图文混排实现的基本流程流程。 制作需要混排图片.asset文件 方式一 使用图集生成SpriteAsset，需要保证图集的Mode是Multiple类型，即已经裁分了精灵。 右键图集文件选择Create->TextMeshPro->Sprite Asset,会自动生成和图集同名的.asset文件。.asset文件需要放置到TextMesh Pro/Resources/Spri
unity 图文混排 TextMeshPro
qq_37524903的博客
05-13 1195
主要记录一下，万一自己忘记了别人博客删除了。 好记性不如烂笔头！ 制作中文字体： 1.在window->TextMeshPro里面打开Font Asset Creator 2.Source Font File中添加支持中文的 字体 3.在Character File 拖选你的常用汉字 图片资源制作： 1.图集制作：导入需要用于制作图片到unity中，将...
css-sprite使用详解
09-25
background-position: $sprite-offset-x $sprite-offset-y; } @mixin sprite($sprite) { @include sprite-position($sprite); @include sprite-width($sprite); @include sprite-height($sprite); ...
VUE-cli3使用 svg-sprite-loader
10-17
svg-sprite-loader 的插件，用来根据导入的 svg 文件自动生成 symbol 标签并插入 html，这篇文章主要介绍了VUE-cli3使用 svg-sprite-loader,需要的朋友可以参考下
three-spritetext:ThreeJS的基于Sprite的文本组件
04-27
import SpriteText from 'three-spritetext'; 或者 var SpriteText = require('three-spritetext'); 甚至 [removed][removed] 然后 var myText = new SpriteText('My text'); var myScene = new THREE.Scene(); ...
Sprite-Generator：Python程序性Sprite生成器
02-05
精灵生成器的python端口。 它实际上可以接收任何模板，并根据模板随机生成子画面。算法通过使用二维蒙版来生成精灵。 然后将掩码中的值随机化并镜像。 生成的模板将呈现到canvas元素。 该算法在网站上有更详细的说明...
Unity - TextMeshPro
weixin_41316824的博客
02-02 9668
更方便的做法是专门创建一个用于补字的兜底字库，将它放在fallbackList的最后，其对应ttf字体包含几乎所有字形，其CharacterSequence仅按需添加。最终保存为asset文件。由于 TextMeshPro 创建的几何图形每个字符使用两个三角形，就像 Unity 的文本组件一样，因此这种改进的视觉质量和灵活性没有额外的性能成本。在这个前提下，我们希望各个字库间尽可能无重复（防止不同语言下看同一个字的样式不同），所以我们需要将源ttf文件进行子集筛选，让它仅存在对应语言的字，或仅存在符号字。
【Unity学习笔记】TextMeshPro文档(四)
一白梦人的博客
05-28 1945
本人英语渣渣结合<百度翻译>翻译，稍微删减了些自认为可以忽视的部分，原文地址 http://digitalnativestudios.com/textmeshpro/docs/sprites/ Sprites TestMesh Pro允许你通过富文本（rich text）标签在文本中插入sprite。sprite是常规位图纹理，因此请确保其分辨率足够高。 1 Sprite Asset 要使用精灵，你需要一个纹理图集。TextMesh Pro使用自己的资产来管理它们。您可以使用任意多的sprite
Unity3d TextMeshPro教程
一直在笑的博客
10-06 1万+
转载原文地址：Unity3d TextMeshPro教程 TextMesh Pro是Unity默认文本组件的替代品。TextMesh Pro和默认组件一样拥有高性能，它使用了完全不同的Signed Distance Field（SDF）渲染技术，该技术最初由Valve在《军团要塞2》中使用。TextMesh Pro能够很轻松就能让文本看起来更美观，还提供了更高级的控制功能，你可以通过检视窗口和脚本控制文本效果。 当你在项目中使用TextMesh Pro，它拥有改进的视觉效果。由于使用SDF渲染技术，你可以
Unity编辑器拓展之二十七：TextMeshPro的TMP_SpriteAsset图文混排图集快捷更新工具
静风霁
08-09 6333
Unity编辑器拓展之二十七：TextMeshPro的TMP_SpriteAsset图文混排图集快捷更新工具 1.TextMeshPro的SpriteAsset制作 此文不再赘述，参考此文：https://blog.csdn.net/qq_37057633/article/details/81120583 2.工具使用场景 当图文混排图集需要加一个新图时，需要重新按照上文的流程重新打一遍Json(...
Unity Text Mesh Pro 浮动文字-学习
enk_2的博客
12-16 1680
学习记录，内容较乱
Unity 3D 报错：UnassignedReferenceException: The variable *** of *** has not been assigned.
热门推荐
LAAL123的博客
01-22 2万+
“某变量未被赋值” 在已知给目前的组件添加好正确的prefab/正确的C#脚本后，仍出现这样的报错。 检查一下是否有“未启用的不完善的脚本”被你添加到了你的组件里，然后被你忽视。哪怕这个C#脚本未启用，在该组件被使用时unity依旧会给你报错。（要不把这个脚本补充完，要不就删掉这个脚本） ...
mapbox-gl-js的fonts和sprite.zip
08-01
Mapbox-gl-js是一个开源的 JavaScript 库，用于在 Web 上创建交互式地图。在 Mapbox-gl-js 中，fonts 和 sprite.zip 是两个重要的概念。 首先，fonts 是指用于渲染地图中文本样式的字体文件。在 Mapbox-gl-js 中，地图上的文本显示非常重要，包括标注、图例等。为了能够正确显示不同语言的文本，Mapbox-gl-js 提供了一组字体文件，在渲染文本时使用合适的字体。用户可以根据自己的需求，选择并加载特定的字体文件，以确保地图上的文本能够正常显示。 其次，sprite.zip 是一个压缩文件，包含了地图上的图标、矢量图等资源。在 Mapbox-gl-js 中，所有的图标和矢量图都被打包成 sprite.zip 文件，便于加载和使用。通过加载 sprite.zip 文件，用户可以在地图上添加自定义的图标、标识、箭头等元素，从而实现个性化的地图展示效果。 总结来说，fonts 和 sprite.zip 是 Mapbox-gl-js 中为了提供更好的地图显示效果而引入的两个重要概念。fonts 是用于渲染地图中文本样式的字体文件，sprite.zip 则包含了地图图标和矢量图等资源，可以用于个性化地图展示。用户可以根据自己的需求选择加载特定的字体文件和 sprite.zip 文件，以满足自定义地图展示的要求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值