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

NGUI制作字体的三种方法

时间:2015-06-26 19:50:11      阅读:267      评论:0      收藏:0      [点我收藏+]

标签:

主要参考两篇博文:

 (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。

 

NGUI制作字体的三种方法

标签:

原文地址:http://www.cnblogs.com/slysky/p/4602995.html

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