zoukankan      html  css  js  c++  java
  • 基于cocoStudio和BMfont的艺术字体制作

    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中使用字体

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

  • 相关阅读:
    C++之用程序理解浅拷贝
    es6 | 新增语法 | 总结
    http协议 | http缓存
    Mobx | 强大的状态管理工具 | 可以用Mobx来替代掉redux
    nohup和&后台运行,进程查看及终止
    MIME Type介绍 Content-Type 各种定义
    Meta http-equiv属性详解(转)
    sublme text 3 快捷键
    【坑】【数组的坑】1、对象assign复制的假深度,2、数组slice复制的坑,3、还有数组map复制的坑
    Proxy监听对象的数据变化,处理绑定数据很有用
  • 原文地址:https://www.cnblogs.com/cocox/p/4449025.html
Copyright © 2011-2022 走看看