纳金网

标题: NGUI自定义图集和自定义字体 [打印本页]

---

作者: 铁锹    时间: 2013-1-3 15:27
标题: NGUI自定义图集和自定义字体
    本教程与大家分享的是NGUI自定义图集和自定义字体，原作者是unity圣典的
小g，图片比较多，阅读愉快。

第一步：导入NGUI外部包。这个大家都应该会吧。

第二步：
准备一些图片资源，这里我借用一下2DToolKit的一些图片，并将其导入到Unity3D工程中

第三步：
创建图集，并为图集起名为MyAtlas，随即选图集中所需要的图片资源，点击Create。如图：

这时就会在Font&Atlas目录下生成一个Prefab文件一个Material和一个贴图

此时我们自定义图集就创建完毕了。下面我们开始创建自定义字体。

自定义字体集

第四步：
这里用到的是BMfont工具，运行，界面如图：



第五步：
设置字体样式和大小，这里我用了我比较喜欢的萝莉体，并讲字体大小设置成32，字符编码选择<Unitcode>



第六步：
由于字量太大，我只需要少量的字，那么我需要对其进行筛选，如果你需要的多，例如聊天功能，那么就跳过这步吧。
创建一个文本文件，讲你需要的文字写在里面。并保存为UTF-8编码



筛选文字

打开你刚刚建立的文本文件，然后选择


第七步：
导出设置

由于文字量不多，贴图的大小就设置成512吧，深度Bit depth选择32，字体描述Font descriptor选择Text，贴图Textures选择png格式，OK

第八步：
导出


选择保存路径，和文件名，这里我为其起名为：myFont。随后找到myFont.fnt文件，将其扩展名改为.txt然后讲txt和png文件导入到Unity3D的项目中


第九步：自定义字体集

其中  Font Data中拖进你刚刚建立的txt文件，Texture拖进刚刚建立的png文件，Font Name自己随便起个名字，这里我起名叫MyFont，Atlas拖进之前图集Prefab文件，点击“Create the Font”此时项目中，就会生成你刚刚建立的字体MyFont

测试：创建一个Button试试看吧，下面这个是我建立后的效果

---

欢迎光临 纳金网 (http://go.narkii.com/club/)

Powered by Discuz! X2.5