[置顶] 【Unity3D游戏开发】NGUI制作字体的三种方法 (二一)

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,当然也可以选择其它的。

[置顶] 【Unity3D游戏开发】NGUI制作字体的三种方法 (二一)_第1张图片

点击OK,字体设置成功。

 

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

[置顶] 【Unity3D游戏开发】NGUI制作字体的三种方法 (二一)_第2张图片

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来创建字体集。

[置顶] 【Unity3D游戏开发】NGUI制作字体的三种方法 (二一)_第3张图片

(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文件一般较大,会大大地增加包大小

[置顶] 【Unity3D游戏开发】NGUI制作字体的三种方法 (二一)_第4张图片

[置顶] 【Unity3D游戏开发】NGUI制作字体的三种方法 (二一)_第5张图片

 

(3)可以使用ttf字体文件来创建一个bitmap字体。
[置顶] 【Unity3D游戏开发】NGUI制作字体的三种方法 (二一)_第6张图片
与第二种方法类似,区别只是这种方法创建的字体不需要使用BMFont来创建,直接在Unity内部就可以创建,只要我们导入了相应的ttf文件。
而且与第二种方法相同的是,打包时只会包含一个png,一个prefab,一个material,而不会把ttf包含进去。
[置顶] 【Unity3D游戏开发】NGUI制作字体的三种方法 (二一)_第7张图片
 
 

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

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

或者这样的:

[置顶] 【Unity3D游戏开发】NGUI制作字体的三种方法 (二一)_第8张图片

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

 

[置顶] 【Unity3D游戏开发】NGUI制作字体的三种方法 (二一)_第9张图片

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

[置顶] 【Unity3D游戏开发】NGUI制作字体的三种方法 (二一)_第10张图片

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

[置顶] 【Unity3D游戏开发】NGUI制作字体的三种方法 (二一)_第11张图片

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

[置顶] 【Unity3D游戏开发】NGUI制作字体的三种方法 (二一)_第12张图片

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

[置顶] 【Unity3D游戏开发】NGUI制作字体的三种方法 (二一)_第13张图片

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

弹出如下窗体:

[置顶] 【Unity3D游戏开发】NGUI制作字体的三种方法 (二一)_第14张图片

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

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

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

[置顶] 【Unity3D游戏开发】NGUI制作字体的三种方法 (二一)_第15张图片

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

[置顶] 【Unity3D游戏开发】NGUI制作字体的三种方法 (二一)_第16张图片

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

[置顶] 【Unity3D游戏开发】NGUI制作字体的三种方法 (二一)_第17张图片

最后得到如下文件:

[置顶] 【Unity3D游戏开发】NGUI制作字体的三种方法 (二一)_第18张图片

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

原文链接:http://www.cnblogs.com/slysky/p/4602995.html

你可能感兴趣的:(字体,font,NGUI,动态字体)