基于cocoStudio和BMfont的艺术字体制作

我们在制作游戏的过程中经常要使用各式各样的艺术字体,这些字体让我们的游戏看起来更加美观更加的萌(- -!)

但是很多的新手都不知道这些字体是如何做出来的,这篇文章主要介绍的是基于cocos2dx它的配套UI制作工具cocostudio的艺术字体使用

字体的制作工具使用的是BMfont

下载地址:点击打开链接

首先我们制作我们想要的艺术字体(如果你有美工妹子的话,这应该轮不到你)


然后我们的目标是让这些图片变成这样子:


第一步我们打开bmfont:


介绍都在图里了

第二步,我们现在就是要把一个字符和对应的图片联系起来,先选中我们要用的10个数字,使它们变亮。


然后打开上面的edit


选择OpenImage Manager


它会弹出这个一个界面,我们在选择Image


选择Import image


在file这里我们选择我们要制作的字符的图片,这里我们选了

在id这一项填入它的ASCII码,然后点Ok(你们现在可以YY作者的名字了)


我们的一个字符已经制作好了,然后你们懂得……(什么!你们不懂!把剩下9个数字做进去啊!)


十个字符弄好了

我们选择Options选项


首先选择Export options(导出设置)


在Texture 选项下我们选择32位,width和height按照自己的来
然后在fileformat下还有个Textures,下拉我们选择png
就这样,其他不动。点ok
在回到options目录下我们选择save bitmap font as这个选项,导出

ok

接下来是重点

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

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



cocostudio中使用字体


好了,下课,布置作业:自己研究代码中如何使用。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值