unity NGUI中使用bmfont制作的字体图集
2014-08-30 18:06
267 查看
此文章主要讲的是在unity中使用bmfont制作好的文件的过程,至于在bmfont的制作过程,这篇文章已经描述很详细了:/article/2909116.html
bmfont操作过程中如果有以下异常,可以点击查阅
bmfont 提示* characters did not fit the textures
bmfont 导入png图片不能正常加载
好了,回到正题
1.首先,我们的图集是这样的
![](http://img.blog.csdn.net/20140830173217578?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZXRfc2FuZHk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
在bmfont做好的两个文件是酱紫(记得把fnt后缀名为txt):
![](http://img.blog.csdn.net/20140830173754534?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZXRfc2FuZHk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
2.放到unity项目的资源文件里
![](http://img.blog.csdn.net/20140830180631894?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZXRfc2FuZHk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
3.菜单栏NGUI
----> Open -->Font Maker
![](http://img.blog.csdn.net/20140830181654272?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZXRfc2FuZHk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
这里先展示一个错误示范,第二和三步为拖曳操作,主要错误为第四步,这里我们把创建的字体预制放在NGUI自 带的Wooden Atlas里面,然后保存在当前项目的资源文件里即可。
![](http://img.blog.csdn.net/20140830182245913?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZXRfc2FuZHk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
这里我保存的名字为Font_Wrong
4.在UIRoot下新建一个Label,然后把字体选为我们刚创建的字体,接着输入1234567890/:
![](http://img.blog.csdn.net/20140830183511469?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZXRfc2FuZHk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
很明显,乱了,从效果中大家也可以猜测出来:字体调用的范围是,我们做好的图片跟图集里的图片的集合。
接下来,我们看一下字体的预制
![](http://img.blog.csdn.net/20140830194325899?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZXRfc2FuZHk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
字体的Sprite明明是我们创建的图片呀,为什么还会乱呢?别急,我们点一下红色框的Edit
双击红色框的内容:
![](http://img.blog.csdn.net/20140830195932181?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZXRfc2FuZHk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
![](http://img.blog.csdn.net/20140830195822937?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZXRfc2FuZHk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
然后我们可以看到引用的这里的材质,很明显的把Wooden Atlas做成的整个材质球给用上了。
为什么要先演示错误的操作呢,因为有的同学可能想把字体的texture集合到某个atlas里面,但这样会出现刚才问
题。
接下来,我们开始能正常显示图片字体的操作,在上述的第三步里:
![](http://img.blog.csdn.net/20140830201757921?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZXRfc2FuZHk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
或者:
![](http://img.blog.csdn.net/20140830202244077?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZXRfc2FuZHk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
然后:
![](http://img.blog.csdn.net/20140830202306218?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZXRfc2FuZHk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
反正选择的atlas为空的就好了,如下图:
![](http://img.blog.csdn.net/20140830202658000?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZXRfc2FuZHk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
最后创建保存字体,在label里面选择我们做好的字体,然后同样输入1234567890/:
![](http://img.blog.csdn.net/20140830203044296?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZXRfc2FuZHk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
这时把bmfont输出的texture放入atlas也不会对字体有影响了。
最后附上该资源的下载地址:http://download.csdn.net/detail/et_sandy/7845057
bmfont操作过程中如果有以下异常,可以点击查阅
bmfont 提示* characters did not fit the textures
bmfont 导入png图片不能正常加载
好了,回到正题
1.首先,我们的图集是这样的
在bmfont做好的两个文件是酱紫(记得把fnt后缀名为txt):
2.放到unity项目的资源文件里
3.菜单栏NGUI
----> Open -->Font Maker
这里先展示一个错误示范,第二和三步为拖曳操作,主要错误为第四步,这里我们把创建的字体预制放在NGUI自 带的Wooden Atlas里面,然后保存在当前项目的资源文件里即可。
这里我保存的名字为Font_Wrong
4.在UIRoot下新建一个Label,然后把字体选为我们刚创建的字体,接着输入1234567890/:
很明显,乱了,从效果中大家也可以猜测出来:字体调用的范围是,我们做好的图片跟图集里的图片的集合。
接下来,我们看一下字体的预制
字体的Sprite明明是我们创建的图片呀,为什么还会乱呢?别急,我们点一下红色框的Edit
双击红色框的内容:
然后我们可以看到引用的这里的材质,很明显的把Wooden Atlas做成的整个材质球给用上了。
为什么要先演示错误的操作呢,因为有的同学可能想把字体的texture集合到某个atlas里面,但这样会出现刚才问
题。
接下来,我们开始能正常显示图片字体的操作,在上述的第三步里:
或者:
然后:
反正选择的atlas为空的就好了,如下图:
最后创建保存字体,在label里面选择我们做好的字体,然后同样输入1234567890/:
这时把bmfont输出的texture放入atlas也不会对字体有影响了。
最后附上该资源的下载地址:http://download.csdn.net/detail/et_sandy/7845057
相关文章推荐
- BMFont中文字体图集制作的方法~(for unity ngui)
- BMFont中文字体图集制作的方法~(for unity ngui)
- BMFont中文字体图集制作的方法~(for unity ngui)
- BMFont中文字体图集制作的方法~(for unity ngui)
- BMFont中文字体图集制作的方法~(for unity ngui)
- BMFont中文字体图集制作的方法~(for unity ngui)
- ngui字体 BMFont中文字体图集制作的方法~(for unity ngui)
- BMFont中文字体图集制作的方法
- BMFont中文字体图集制作的方法~(for unity ngui)
- FNT制作工具 cocos2d-x 使用位图工具BMFont自定义字体FNT
- Unity 使用BMFont制作字体
- 使用BMfont制作含有"中文图片"的.fnt格式字体合图
- 使用BMFont+NGUI利用图片制作自定义字体
- BMFont中文字体图集制作的方法~(for unity ngui)
- 【制作fnt格式字体】 BMFont中文字体图集制作的方法~
- 使用BmFont制作NGUI的图片字体
- BMFont中文字体图集制作的方法~(for unity ngui)
- 用Bitmap Font Generator 制作自己的 *.fnt 字体 用于CCLabelBMFont的创建使用
- Cocos2d-x 3.10 使用BMFont 制作自定义位图字体.fnt文件
- Unity3d 使用 BMFONT 制作的艺术字体 不能居中 解决方法