NGUI制作字体的三种方法

主要参考两篇博文:

 (1)、NGUI制作字体的三种方法

 (2)、使用位图字体工具BMFont从图片生成自定义字体

1.BMFont下载地址

http://www.angelcode.com/products/bmfont/

2.BMFont使用方法

http://momowing.diandian.com/post/2013-01-24/40046239211

首先打开Font Settings,选择要制作的字体。可以从Font列表中选择一种字体,也可以通过Add font files导入一个ttf字体文件。

Charset字体编码默认为Unicode,当然也可以选择其它的。

点击OK,字体设置成功。

 

然后打开Export Settings,进行导出设置

Width和Height的值,尽量选小,只要能够容纳我们需要用到的所有字就可以了,选大了浪费。

Bit depth,32位比8位更清晰,不过负担更大。

Font descriptor选择Text

Texture选择png

选择OK,完成导出设置。

 

接下来我们就可以选择我们所要制作的字,一个一个去找太麻烦了,我们可以先新建一个txt文件,在其中输入我们要制作的字,然后Select chars from file就可以直接选中所有要用到的字了。

注意

1.在导入前要先clear all chars in font。

2.由于txt文件的编码方式不是在上面设置的unicode,所以我们要对这个txt文件另存为unicode方式,并覆盖。否则,在导入时会提示charcters from the file are not available in the font

 

最后Save bitmap font as就可以导出一个png和一个fnt,将fnt改为txt格式。这就是我们在ngui中制作bitmap字体所用到的两个文件了。

3.新版NGUI提供的三种创建字体方式

(1)使用BMFont制作的png文件和txt文件制作bitmap字体。分别将两个文件拖入texture和font Data里面。 缺陷:局限于个别字。不能随意改变。还要用外部工具BMfont来创建字体集。

(2)动态字体,需要先导入一个ttf字体文件。C/windows/fonts下面就有很多。也可以从网上下载一些独特的字体。

导入后,拖入Source中,选择size等就可以创建一个字体。

也可以另外手动创建http://momowing.diandian.com/post/2013-05-07/40051478498

注意看下面的提示:要使用动态字体,不必创建UIFont,只需要在UIlabel中选择Unity,再将ttf文件拖入font中即可。

缺点:动态字体不能作为一个atlas的一部分,所以使用动态字体必然要增加至少一个draw call。而且ttf文件一般较大,会大大地增加包大小

 

(3)可以使用ttf字体文件来创建一个bitmap字体。
与第二种方法类似,区别只是这种方法创建的字体不需要使用BMFont来创建,直接在Unity内部就可以创建,只要我们导入了相应的ttf文件。
而且与第二种方法相同的是,打包时只会包含一个png,一个prefab,一个material,而不会把ttf包含进去。
 
 

本篇讲解如何利用美工提供的字符图形来生成自定义字体。

美术提供的字体经常是下面这样的:

或者这样的:

这时候我们就要借助BMFont了,首先针对真彩色的图形,我们要做一些设定,点击"Options"->“Export options”:

 

在弹出的窗口中,注意红框中“位深”,设为32:

然后,点击"Edit"->"(Un)Select all chars",取消选择所有字符。因为我们将在后边导入需要的字符。

OK,现在点击"Edit"->"Open Image Manager":

弹出图片管理窗体,如下:

那个"Image"是菜单,可以点击。选择"Image"->"Import image...":

弹出如下窗体:

点击"Browse"按钮,在弹出的“打开”窗口中选择一个字符图片,比如"0":

然后在ID后的文本框中输入字符"0"的Ascii值:48,点击"OK"。

这时返回主窗体,你会看到字符表中"0"右下角有一个小亮点标记,说明该字符的图形为自定义图片。如下图:

按上述方法,依次加入其它字符的图片,完成后如下:

OK,下面准备导出。导出前我们可以先点击"Options"->"Visualize"预览一下:

最后得到如下文件:

将生成的这两个文件,拖入上面提到的NGUI制作方法(一),的两个框框内,点击create,即可生成需要的UIFont的Prefab。

 

posted on 2015-06-26 18:14  Ming明、  阅读(7714)  评论(0编辑  收藏  举报