【Unityの进化四十六亿重奏】第一章 学会使用(Bitmap Font Generator)制作位图文字

421 阅读3分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第3天,点击查看活动详情 >>

前言

为了成为“未来的Unity主程”,学习各个基础功能的实现,深入了解并了解性能优化方法等等... 我创立了此系列 是为实现某个功能,实现某种逻辑操作的系列,让这一个个小知识成为我们进化的养料吧。


提示:以下是本篇文章正文内容,下面案例可供参考

一、位图是什么?

这篇文章主要是分享一下Unity中如何制作Bitmap字体(图片字体),我假设看到这篇文章的人都已经知道什么是制作Bitmap字体了,很多时候你遇到的问题没有人能帮你,你只能靠自己。如果你不清楚什么是制作Bitmap字体的话请先谷歌一下(抵制百度从我做起)。

二、使用步骤

1.美术资源

这个资源因人而异,我这边使用最常用的数字UI美术资源 请添加图片描述


2.用片切工具或者其他同样效果的工具 处理图片

这边使用了PS的片切工具,我也是第一次用画的不是很规整,每张图尽量大小一样,不然后续呈现的效果会有点抽象。(不知道片切工具的去谷歌!) 在这里插入图片描述处理完后导出Web使用的格式 在这里插入图片描述选择你导出的文件夹,PS就自动导出了,如图所示

在这里插入图片描述这样图片资源就已经制作好了,当然有现成的就用现成的,美术人员能做就给他们做()


三、下载使用Bitmap Font Generator

1.程序下载

Bitmap Font Generator:下载地址 在这里插入图片描述

2.程序使用

运行bmfont64.exe 在这里插入图片描述启动后点击左上角选项Edit/Open Image Manager 在这里插入图片描述在弹出的窗口中,点击Image/Import image.. 来导入图片

在这里插入图片描述 选择数字0的图片,在Id输入框中输入0对应的ASCII码:48 点击OK按钮导入

在这里插入图片描述把PS导出的数字图片全部导入进来 在这里插入图片描述 导入成功的图片会显示天蓝色的方点 在这里插入图片描述

ASCLL编码对照表在文章末尾

3、配置设置

点击左上角菜单Options/Export options 在这里插入图片描述 在弹出的窗口设置最后导出图片的宽高(Wideth、Height),这个尺寸看美术资源而定,正常使用设置为导出后为一张图,且图上都是之前设置的数字; 设置字体描述文件格式为XML; 设置字体图片格式为png; 最后点击ok 在这里插入图片描述

4、导出

点击菜单Options/Save bitmap font as...

在这里插入图片描述 在弹出的页面中选择导出的路径即可 导出后会生成两个文件:.fnt.png,如下 如果发现生成了多张PNG图片 请重新设置图片宽高 这里的.fnt文件记录了各个数字在图片的坐标参数

在这里插入图片描述


四、在Unity中使用所导出的自定义字体

下载BitmapFontImporter插件

这样就能直接拖进去使用了 BitmapFontImporter插件

Unity安装完后将导出的两个文件拖进去,即可使用 在这里插入图片描述

五、ASCLL码对照表

在这里插入图片描述

六、总结

位图这东西基本上是美术那边提供的,但我们也得会~ Bitmap Font Generator 自然也是可以导入中文的,有兴趣的可以谷歌康康~