自定义图集
第一步:
导入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 试试看吧,下面这个是我建立后的效果
第一步:
导入NGUI 外部包。这个大家都应该会吧。
第二步:
准备一些图片资源,这里我借用一下2DToolKit 的一些图片,并将其导入到Unity3D 工程中
![](http://game.ceeger.com/forum/attachment/Mon_1212/16_5185_aba040d4dfc8f71.png?7)
![](http://game.ceeger.com/forum/attachment/Mon_1212/16_5185_9b38ddfa95c999d.png?8)
第三步:
创建图集,并为图集起名为MyAtlas ,随即选图集中所需要的图片资源,点击Create 。如图:
![](http://game.ceeger.com/forum/attachment/Mon_1212/16_5185_add189e31ae05e5.png?4)
![](http://game.ceeger.com/forum/attachment/Mon_1212/16_5185_61288153c1961f9.png?21)
这时就会在Font&Atlas 目录下生成一个Prefab 文件一个Material 和一个贴图
![](http://game.ceeger.com/forum/attachment/Mon_1212/16_5185_3cce8d03fda4f73.png?10)
此时我们自定义图集就创建完毕了。下面我们开始创建自定义字体。
自定义字体集
第四步:
这里用到的是BMfont 工具,运行,界面如图:
![](http://game.ceeger.com/forum/attachment/thumb/Mon_1212/16_5185_cd1b2125b7741fb.png?49)
第五步:
设置字体样式和大小, 这里我用了我比较喜欢的萝莉体,并讲字体大小设置成32 ,字符编码选择<Unitcode>
![](http://game.ceeger.com/forum/attachment/Mon_1212/16_5185_6b9dd6ede68aa81.png?4)
![](http://game.ceeger.com/forum/attachment/Mon_1212/16_5185_e4445be6666b2f9.png?11)
第六步:
由于字量太大,我只需要少量的字,那么我需要对其进行筛选,如果你需要的多,例如聊天功能,那么就跳过这步吧。
创建一个文本文件,讲你需要的文字写在里面。并保存为UTF-8 编码
![](http://game.ceeger.com/forum/attachment/Mon_1212/16_5185_1d855518cb20076.png?2)
![](http://game.ceeger.com/forum/attachment/Mon_1212/16_5185_88e3c8cbe382b24.png?2)
筛选文字
![](http://game.ceeger.com/forum/attachment/Mon_1212/16_5185_fe7b52744b2da15.png?4)
打开你刚刚建立的文本文件,然后选择
![](http://game.ceeger.com/forum/attachment/Mon_1212/16_5185_2a87cb03023e656.png?3)
第七步:
导出设置
![](http://game.ceeger.com/forum/attachment/Mon_1212/16_5185_f462a031dcce66d.png?4)
![](http://game.ceeger.com/forum/attachment/Mon_1212/16_5185_8bd1ee5c829cfd5.png?12)
由于文字量不多,贴图的大小就设置成512 吧,深度Bit depth 选择32 ,字体描述Font descriptor 选择Text , 贴图Textures 选择png 格式,OK
第八步:
导出
![](http://game.ceeger.com/forum/attachment/Mon_1212/16_5185_dfc251367fc32e9.png?4)
选择保存路径,和文件名,这里我为其起名为:myFont 。随后找到myFont.fnt 文件,将其扩展名改为 .txt 然后讲txt 和png 文件导入到Unity3D 的项目中
![](http://game.ceeger.com/forum/attachment/Mon_1212/16_5185_f39308168602409.png?11)
第九步: 自定义字体集
![](http://game.ceeger.com/forum/attachment/Mon_1212/16_5185_96b59184ab03c46.png?5)
![](http://game.ceeger.com/forum/attachment/Mon_1212/16_5185_c63604e5458c781.png?14)
其中 Font Data 中拖进你刚刚建立的txt 文件,Texture 拖进刚刚建立的png 文件,Font Name 自己随便起个名字,这里我起名叫MyFont , Atlas 拖进之前图集Prefab 文件,点击“Create the Font ” 此时项目中,就会生成你刚刚建立的字体MyFont
![](http://game.ceeger.com/forum/attachment/Mon_1212/16_5185_c170f8c61291757.png?11)
测试: 创建一个Button 试试看吧,下面这个是我建立后的效果
![](http://game.ceeger.com/forum/attachment/thumb/Mon_1212/16_5185_31441a67621bbc9.png?15)