使用NGUI时,游戏中字库和美术字库大家都知道用BMFont工具生成,但是UGUI却不一样,UGUI没有提供导入字库配置文件的接口,但是它提供新的功能组件【CustomFont】,可引入带有字库图片的材质球,并且提供字符信息的输入,比如ASCII码,UV信息,字体大小等。那么我们就有希望把美术字库用到UGUI上!

在这里尝试使用BMFont的字库信息导入到Unity,Unity自带的图集裁剪工具也可以生成相关字库信息,暂时还没研究。

如下图为CustomFont属性面板:

1.首先通过BMFont制作字库配置文件
(如果不知道怎么生成,请百度搜索【unity3d中使用BMFont制作字库】):

这两个文件眼熟吧^_^

2.然后编写导入配置的脚本。
(因为时间有限要回家过年了,比较仓促,这里就简单的测试下。最终写成在编辑器下运行的菜单比较好。)

  • using UnityEngine;  

  • using System.Collections;  

  • using UnityEditor;  

  •   

  • public class MyFont : MonoBehaviour   

  • {  

  •     public Font m_myFont;  

  •     public TextAsset m_data;  

  •     private BMFont mbFont = new BMFont();  

  •     void Start ()   

  •     {  

  •         BMFontReader.Load(mbFont, m_data.name, m_data.bytes);  // 借用NGUI封装的读取类

  •         CharacterInfo[] characterInfo = new CharacterInfo[mbFont.glyphs.Count];  

  •         for (int i = 0; i < mbFont.glyphs.Count; i++)  

  •         {  

  •             BMGlyph bmInfo = mbFont.glyphs;  

  •             CharacterInfo info = new CharacterInfo();  

  •             info.index = bmInfo.index;  

  •             info.uv.x = (float)bmInfo.x / (float)mbFont.texWidth;  

  •             info.uv.y = 1-(float)bmInfo.y / (float)mbFont.texHeight;  

  •             info.uv.width = (float)bmInfo.width / (float)mbFont.texWidth;  

  •             info.uv.height = -1f * (float)bmInfo.height / (float)mbFont.texHeight;  

  •             info.vert.x = (float)bmInfo.offsetX;  

  •             //info.vert.y = (float)bmInfo.offsetY;  

  •              info.vert.y = 0f;//自定义字库UV从下往上,所以这里不需要偏移,填0即可。

  •             info.vert.width = (float)bmInfo.width;  

  •             info.vert.height = (float)bmInfo.height;  

  •             info.width = (float)bmInfo.advance;  

  •             characterInfo = info;  

  •         }  

  •         m_myFont.characterInfo = characterInfo;  

  •     }  

  • }  

补充一下,下面这几个读取BMFont配置的代码文件来自NGUI:

3.代码解释以及操作
m_myFont是在U3D中右键创建的CustomFont
m_data是BMFont导出的.fnt配置文件
通过上面的代码将配置信息读出来写到CustomFont中,然后将创建材质球把字库图放进去,材质球拖到CustomFont中和要显示文字的Text中,这样就完成了字库的制作。

4.然后输入文字测试,效果如下:

 
 

OK,效果杠杠的!哇咔咔,收拾东西回家过年...