码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-04-22 23:38:59      阅读:412      评论:0      收藏:0      [点我收藏+]

标签:

http://blog.csdn.net/u011373759/article/details/44308455

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

但是很多的新手都不知道这些字体是如何做出来的,这篇文章主要介绍的是基于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中使用字体

技术分享

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

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

标签:

原文地址:http://www.cnblogs.com/cocox/p/4449025.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!