美文网首页
Unity3D 实用技能 - 图片字体

Unity3D 实用技能 - 图片字体

作者: binyu1231 | 来源:发表于2017-10-28 11:00 被阅读114次

Bitmap字体(图片字体)

使用步骤

1. 导入 Font Setter Packer。

Note: 如果项目里不导入包,而只是使用打包后的图片字体的话,在手机上可能显示不出来,那样需要修改材质球的Shader 为 GUI。

2. 图片修改 Inspector

  • Texture Type => Advanced
  • Read/Write Enabled => true
  • Alpha is Transparent => true
  • Default/Format => Automatic Truecolor
  • 点击 Apply 保存
左侧是原始的参考文件,右侧是 PS后的文件

Note: 原图片(.png)的大小一定要是 2^n。否则会在下一步弹出报错 Error: Font Map is NPOT, Change the import Settings property for NPOT map to 'None'

3. 选择 Window 下的 Font Editor 进行编辑

打开图片的两种方式:

  1. 在弹出窗口的右侧选框(New Font From Image[Texture2D])中选择刚才修改过的图片。
  2. 或者点选窗口菜单栏的 file/creatte font from image

4. 选取文字对应的图片

两种方法
1. 自动选取:Tools/Auto-set gylphs。每次自动选择后,键入 Character 中需要的文字,点击 Next,如果出现不需要的文字(或杂质),可以点击 Skip 跳过。点击 Stop 结束。
2. 手动选取:点击右侧 +1,调整选取大小并设置 Character。

TIM图片20171028104932.png

Note: 图片文字整齐的字体适合用手动选取,图片文字凌乱的适合用自动选取。
Note: 框选的字体需要设置锚点,勾选 Glyph Pivot。 锚点决定 Text 组件该从哪个地方渲染这个字体。锚点不对齐文字就很不整齐。

5. 选取完之后,点击 Tools/Pack Font Map 进行设置。再点击 Pack 进行打包。最后点击 Accept Pack Result

生成的文件包括一个 .fontsetting,一个 .mat 和一个 .png。
.fontsetting 的 Inspector 面板中可以设置行距以及字间距。注意改名时不要让其引用的材质丢失

Note: 点击 Pack 之后就已经进行打包了,此时文件已经写入当前文件夹。字体文件就可以使用了。最后的 Accept Pack Result 按钮有些情况点击会报错,不过不影响使用。
Note: Pack 会生成一些中间文件,可以删掉。最后只保留名字最后带(Packed) 的文件就可以了
Note: 如果字体呈现黑色,则需要设置 UnityEngine.UI.Text 组件上的 Color 为白色

相关文章

网友评论

      本文标题:Unity3D 实用技能 - 图片字体

      本文链接:https://www.haomeiwen.com/subject/prijpxtx.html