cocos2dx 中 fnt 制作以及加入阴影效果

fnt字体

优点:

可以节省大部分空间,尤其是对于那些动不动就10多m的字体文件,
用fnt,一个游戏内可以有多个字体文件,又节省空间。

缺点:

不够灵活,变化少,要用的字都要事先制作好,不利于灵活更新。
字体大小只能够放大或者缩小图片来实现

工具

bmfont

下载地址:

http://www.angelcode.com/products/bmfont/

使用

1、字体导入

C6686F25-09AE-4958-8A26-A46EE13F7BAC.png
cocos2dx 中 fnt 制作以及加入阴影效果_第1张图片
B6468E39-759B-4A91-B33B-62623EE1AFBD.png

字体的大小可以在这里设置,如果对于字体清晰要求高,可以设置大一点的字体。

2、导出设置

cocos2dx 中 fnt 制作以及加入阴影效果_第2张图片
C51DFAA4-99BC-4236-A6C2-59B7CEA8D789.png

设置导出图片的大小,以及间隔,preset可以选择白字黑纸的,这样字可以做颜色

3、写入要做的字符

新建一个txt文件,将编码转为unicode,然后导入

cocos2dx 中 fnt 制作以及加入阴影效果_第3张图片
9B820CF6-5D6C-4EBE-B4D3-387FF35FFF8D.png

再将常用的英文字符加入

cocos2dx 中 fnt 制作以及加入阴影效果_第4张图片
D0C447DA-AE31-4FA7-A291-132DA1A542B3.png

在cocosbuild打开后,要转为utf-8格式 ,不然没法正常显示。要注意空格也要加入字符集。

字体阴影等效果

如果要用阴影,是在导出设置 padding 内边距里留出预留的大小,例如,如果要做右下角有3个像素阴影的字体,则 padding 的右下二个框都要设置成3。然后将图片导出,在 ps 里做效果。

具体制作做的过程可以参考:

  • BMFont下载及使用教程

你可能感兴趣的:(cocos2dx 中 fnt 制作以及加入阴影效果)