在cocos2d游戏中中,经常使用到自己制作的美术字来代替系统默认字体,读取的时候通过读取指定的美术字文件,来输出字体,更加美观。

所以总结下font字体的制作和美术字转换为font字体的方法。


【准备】BMFont软件下载

首先下载制作工具BMFont,官网下载地址:http://www.angelcode.com/products/bmfont/

【一】普通字体制作为fnt文件

这个比较简单

1.首先选择需要的字体和编码,选择font和charset

C48D81626550DD57B2D570C3C18BB09F_B500_900_328_516.JPEG

2.然后选择导出选项texture就是导出的png的大小,合理设置大小即可,深度8和32选择一个合适的就行,8的模糊,但是文件小,32的清晰,文件大

B441B1E76FA8DEC84ACCF4F63ED5B10C_B500_900_290_612.JPEG

3.选择需要制作的字

1426578830961883.jpg

当然可以手动选择,直接点击这个字体,但是还有更简洁的方法选择

新建立一个txt稳定,输入想要的文字

POT%IAQ67`{P_DJHRLLZ~$G.png

另存为unicode格式

L0U%%B})Q[8~PWVXRU`(03P.png

然后导入bmfont即可

0D93ED1B4408E70899BA762EDF745607_B500_900_399_275.JPEG

EE0C2DF352D78D87343234C2477A9322_B500_900_379_279.JPEG

这时候他已经默认选择好,

3BB7CE212248E8804C591C63C9DB12F5_B500_900_500_216.JPEG

最后导出即可

D30D34DE7F5E3D992D6DD6775E0EA47A_B500_900_377_315.JPEG

【二】美术字制作为fnt文件

首先美工做好图片,中文的就要做好中文字

1426579066985675.jpg

然后选择所对应的字,可以照上面的建立文件寻找字的方法选择对应的字

1426579084760083.jpg

选好对应的之后导入图片绑定这个字

1426579348312982.jpg1426579466507140.jpg

1426579542285769.jpg

1426579672651064.jpg

这个ID填写下面这个对应的id

1426578830961883.jpg

确定之后,把对应的图片全部绑定

1426579787336983.jpg

最后导出即可


这里有一个问题,Cocos Studio导入这份字体会有错误,我们把图片的名字改成和fnt名字一样,就是myFont.fnt和myFont.png,然后我们打开fnt文件,可以用系统自带文本打开

1426580348987847.jpg

把file=”myFont_0.png”改成图片的名字,也就是file=”myFont.png”,然后保存,就ok了。


参考文章:

  1. http://www.cocos.com/doc/tutorial/show?id=2545
  2. http://blog.csdn.net/poem_of_sunshine/article/details/38823443
  3. http://momowing.diandian.com/post/2013-01-24/40046239211


☟☟可点击下方广告支持一下☟☟

最后修改:1970 年 01 月 01 日
请我喝杯可乐,请随意打赏: ☞已打赏列表