Cocos2d-x学习笔记之Bitmap Font generator位图字体工具

前面都用到了".fnt"文件,但是没讲述".fnt"是怎么产生的怎么用的...

今天就将这个非常有用的位图处理工具,来回答上面的问题...

1、下载地址:http://www.angelcode.com/products/bmfont/

2、创建一个txt文件,然后输入你用到的文字,保存为UTF-8编码的txt,这软件可能不支持别的编码导入。

Cocos2d-x学习笔记之Bitmap Font generator位图字体工具_第1张图片

上面是我的输入内容

3、认识Bitmap Font generator界面:

Cocos2d-x学习笔记之Bitmap Font generator位图字体工具_第2张图片

这是我们默认打开的样子,右边的列表是我的字体库,各种不同的字体,中间的就是单独的字体块(注意:为了符号等输入,请勾选右边列表的第一项Latin+Latin Supplement)

①Edit->select char from file   选择刚刚创建的Bitmap.txt文件,导入进来就会发现,刚内容中的字符,在这个软件里面,对应的字块被选中了

②Options->Font Setting  :Font 随便你自己选中,charset选中默认Unicode就行了

Cocos2d-x学习笔记之Bitmap Font generator位图字体工具_第3张图片

③Options->Export Options:

注意框出的地方,这是cocos2dx,如果使用其他引擎,请按照对应的引擎设置

④Options->save bitmap font as..

然后输入导出的文件名bitmap,文件类型默认选.fnt,然后就会发现导出路径多了一个bitmap.png的文件,那就是图片资源

4、代码使用:

CCSize s = CCDirector::sharedDirector()->getWinSize();
//注意:输入图库里面有的文字

CCLabelBMFont* label = CCLabelBMFont::create("oh!I use bitmap succeed! ","fonts/bitmap.fnt");

CCMenuItemLabel* item = CCMenuItemLabel::create(label,this, menu_selector(MenuTestLayer::menuCallbackConfig));

item->setPosition(ccp(s.width/2, s.height/2));

layer->addChild(item);

5、运行效果:

6.中文字体输入

先设置字体为中文 Options->Font Setting  :Font 随便你自己选中(中文),保存时charset选中默Unicode就行

你可能感兴趣的:(Cocos2d-x学习笔记之Bitmap Font generator位图字体工具)