Unity UGUI 用BMFont工具自制艺术数字字体超超超详细教程(附工具下载链接)

效果如下

Unity UGUI 用BMFont工具自制艺术数字字体超超超详细教程(附工具下载链接)_第1张图片
Unity UGUI 用BMFont工具自制艺术数字字体超超超详细教程(附工具下载链接)_第2张图片
速度开始制作流程:

1. 导入BMFont代码到unity。
在unity资源文件夹根目录创建文件夹命名为Editor,Editor文件夹下面创建文件夹BMFont,将下载的BMFont压缩包资源解压 到此文件夹下。
BMFont代码压缩包
Unity UGUI 用BMFont工具自制艺术数字字体超超超详细教程(附工具下载链接)_第3张图片
2. 打开BMFont工具开始制作。
BMFont工具
安装并打开BMFont工具
Unity UGUI 用BMFont工具自制艺术数字字体超超超详细教程(附工具下载链接)_第4张图片
确保左边红框及右边红框跟上图一致。
如果右边红框还有其他的格子为绿色,可右键点击unselectedxxx.

在这里插入图片描述
接下来Editor->Open Image Manager,打开Image Manager界面。
Unity UGUI 用BMFont工具自制艺术数字字体超超超详细教程(附工具下载链接)_第5张图片
可以看到初次打开是全空的。
接下来点击Image->Import Image,选择数字0。

Unity UGUI 用BMFont工具自制艺术数字字体超超超详细教程(附工具下载链接)_第6张图片
Unity UGUI 用BMFont工具自制艺术数字字体超超超详细教程(附工具下载链接)_第7张图片
ID这个空填右下角红框左边这个数字,0对应的数字是48。
点击ok即可导入数字0。
重复这个步骤,直到导入数字0123456789,导完之后应该是下图这个样子。

Unity UGUI 用BMFont工具自制艺术数字字体超超超详细教程(附工具下载链接)_第8张图片
Unity UGUI 用BMFont工具自制艺术数字字体超超超详细教程(附工具下载链接)_第9张图片
如BMFont工具主界面红框所示,每个数字右下角有一个宝蓝色的小点,即示意绑定成功。
接下来打开Option->Export options。
设置如下图所示。

Unity UGUI 用BMFont工具自制艺术数字字体超超超详细教程(附工具下载链接)_第10张图片
第一个红框的width和height为这个图片的尺寸,可以适当调小调大,最大尽量不超过1024 * 1024
如果只是存放数字的话,256 * 256或者512 * 512已经完全够用了。
接下来就可以保存了。

Unity UGUI 用BMFont工具自制艺术数字字体超超超详细教程(附工具下载链接)_第11张图片
在这里插入图片描述
导出后得到上图两个文件,一个是fng图集,一个是fnt文件,记录数据。
将这两个文件放入unity里面,然后右键fnt文件,点击BatchCreateArtistFont。

Unity UGUI 用BMFont工具自制艺术数字字体超超超详细教程(附工具下载链接)_第12张图片
得到包括之前两个文件共四个文件。
Unity UGUI 用BMFont工具自制艺术数字字体超超超详细教程(附工具下载链接)_第13张图片
上图图标有个A字的文件即为我们的Font文件。
Unity UGUI 用BMFont工具自制艺术数字字体超超超详细教程(附工具下载链接)_第14张图片
然后就可以在Text组件里面选择这个font文件进行数字的艺术字显示了!看下图!!
在这里插入图片描述
大功告成!!
附上网盘资源链接:
链接:https://pan.baidu.com/s/1kyoCevQUf-XoakDZ7WSNqw
提取码:fpye


(写的不容易呀,留个赞或者评论呗!)

你可能感兴趣的:(unity小教程)