本文永久地址:http://www.omuying.com/article/24.aspx,【文章转载请注明出处!】
在 Unity 开发过程中,我们经常会使用到美术提供的图片文字(数字)来美化我们的游戏界面,借助强大的 NGUI 插件支持,我们很容易就可以在界面上显示美术字!具体步骤可以参与如下操作:
说明:使用的 NGUI 插件版本为 NGUI Next-Gen UI v3.5.8,因版本不同,步骤可能会有所不同,请根据插件版本选择合适的步骤。
1、NGUI 支持图片字体(美术字),我们可以通过 NGUI->Open->Font Maker,查看字体图集的生成方式,在 Input 选项中,选择 Type 为 Imported Bitmap 选项时,我们可以看到出现了 Font Data,以及一个 Texture 选项,根据下面的说明,我们可以看到 FontData 需要使用 fnt 文件,并且 fnt 的制作需要借助 BMFont 这个软件来创建。如图所示:
2、首先先下载 BMFont 软件,官方下载地址:http://www.angelcode.com/products/bmfont/
3、安装完成之后界面如下:
4、我们先取消默认选择的字体库,可以在箭头位置点击取消选择/选择,设置之后的界面如下:
5、接着我们选择 Options->Export options,打开导出设置,在 Bit depth 选项,我们选择32位,上面的 Width 与 Height 可以根据文字多少进行调整,设置好之后点击 OK 按钮保存,界面如下:
6、然后我们选择 Edit->Open Image Manager,打开图片管理界面,继续选择 Image->Import Image,选择要导入的文字图片路径,双击选中文字图片,界面如下:
7、这时候出现 Icon Image 界面,这个界面我们需要设置的地方主要就是 ID,如图所示:
8、ID 编号可以通过选择(悬浮鼠标)左侧的文字来查看,如图所示:
9、查找到编号之后,填写到 ID 位置点击 OK 按钮,我们可以看到左侧的相应文字右下角出现变化,操作之后界面如图所示:
10、重复添加图片文字,直到所有图片文字全部添加完,最后结果如图所示:
11、我们可以通过 Options->Visualize 来预览结果,如图所示:
12、之后选择 Options->Save Bitmap font as,保存字体,选择好位置之后保存,如图所示:
13、复制生成好的文件到 Unity 中,如图所示:
14、打开 NGUI->Open->Font Maker,然后 Type 选择 Imported Bitmap,选择我们的刚才复制过来的文件,点击Create the Font 按钮创建字体,字体创建完成之后就可以在 NGUI 中使用了,如图所示:
15、我们创建一个 Label 来显示图片文字,设置如图所示:
16、最终结果如图: