cocos2d-x 使用位图工具制作 fnt字体

[原文地址:http://www.jb51.cc/article/p-wsmhhnpl-op.html]

1 在看别人的代码的时候,有时候会发现.fnt文件,这个文件是如何产生的呢,其实是使用位图处理工具生成


2下载Window下的位图处理工具BMFont,下载地址:http://www.anglecode.com/products/bmfont

3安装后,打开BMFont,界面如下,右边的列表是字体库


4新建一个txt文件,输入要用到的文字一定要保存为UTF-8格式,否则软件无法识别


5在BMFont上找到Edit菜单,然后选择Selectscharsfromfile,载入刚才新建的txt文件,你会发现刚才输入的字符在BMFont中已经被选中。

6在BMFont上找到Option菜单,然后选择FontSetting设置字体,然后设置其中的Font(字体可以按需求随便选择)和Charset(认的Unicode就可以)

7设置导出选项,在BMFont上找到Option菜单,然后选择Exportoptions,在cocos2d-x中需要按如下设置


8准备导出字体,在BMFont上找到Options,然后选择Savebitmapfontas,会发现保存路径下多出了一个fnt文件一个png文件(其实这个和plist文件保存拼图信息原理差不多),将它们拷贝到cocos2d-x工程的Resources目录下

9使用方法如下

  1. /**使用字体位图**/
  2. //创建位图第一个参数要和在BMFont中载入的文字中存在的
  3. cclabelBMFont*label=cclabelBMFont::create("Iamhahaya.","info.fnt");
  4. label->setPosition(ccp(size.width/2,size.height-50));
  5. this->addChild(label,1);

10程序运行效果


11在使用BMFont生成中文时需要注意,在FontSetting中设置Font时,Font要设置成中文的(比如微软雅黑),Charset认Unicode就行,同样按照以前相同的方式设置Exportoptions。然后再将写有中文的文本文件载入,最后保存。

12使用中文位图代码如下

相关文章

    本文实践自 RayWenderlich、Ali Hafizji 的文章《...
Cocos-code-ide使用入门学习地点:杭州滨江邮箱:appdevzw@1...
第一次開始用手游引擎挺激动!!!进入正题。下载资源1:从C...
    Cocos2d-x是一款强大的基于OpenGLES的跨平台游戏开发...
1.  来源 QuickV3sample项目中的2048样例游戏,以及最近《...
   Cocos2d-x3.x已经支持使用CMake来进行构建了,这里尝试...