Unity中位图字体Font的制作

时间:2023-02-05 23:19:18

真心苦逼啊,网上找了好久都没有什么现成的资料,最终还是得靠自己摸索,说话说己所不欲,勿施于人,什么事还得靠自己啊


喀巴爹Unity中位图字体Font的制作


终于,励精图治,多么痛的领悟。。。。。。


下面我就把我学习的总结出来,大家一起学习啊,大神勿喷Unity中位图字体Font的制作


第一步我就不细说了:

 就是用BMFont或是GlyphDesigner制作.fnt和.png文件,网上教程很多,你就问度娘吧。

我用的是GlyphDesigner:

Unity中位图字体Font的制作Unity中位图字体Font的制作

Unity中位图字体Font的制作Unity中位图字体Font的制作

    Unity中位图字体Font的制作Unity中位图字体Font的制作Unity中位图字体Font的制作

你可以把fnt文件后缀名改成txt打开

Unity中位图字体Font的制作

第二步我们进入到unity中

 右击创建Custon Font

Unity中位图字体Font的制作

Unity中位图字体Font的制作

然后新建一个材质球,把png图片拖上去,shader设置如下:

Unity中位图字体Font的制作

Unity中位图字体Font的制作

继续刚才新建的字体,把材质球再拖上去,呵呵,拖拖更健康

Unity中位图字体Font的制作

Unity中位图字体Font的制作

下面就是重点也是我遇到的难点,坑了我好久,给Character Rects赋值

Unity中位图字体Font的制作

在size上写上你需要的个数

Unity中位图字体Font的制作

Unity中位图字体Font的制作

下面重头戏来了啊。。。。吼。。。。

Unity中位图字体Font的制作

Index:char Id    这应该没得疑问

Uv:

        X:  x/scaleW                                      Y:  1 — (y+height)/scaleH

        W:  (width+spacing)/scaleW            H:   (height+spacing)/scaleH

Vert :

        X:   xoffset                                         Y:  yoffset

        W:  width                                           H: height

Width:  xadvance


ok,都设置完后字体就可以用了,不过有一点得注意:文本的Scale的y=-1,具体原因

自己找度娘吧,我就不赘述了

Unity中位图字体Font的制作

然后Text属性设置一下:

Unity中位图字体Font的制作

下面在UGUI中的Text组件输入内容,

Unity中位图字体Font的制作

haha....成功了诶。。。


美中不足:Font字体的Character Rects 的值需要一个个写,有没有大神写个插件自动填写

,期待大神的到来。。。。。。

Unity中位图字体Font的制作



本文参考:http://blog.sina.com.cn/s/blog_64ab3f630102vfa2.html#commonComment

并在此感谢博主的热情帮忙,呵呵