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

NGUI-制作位图字体以及图文混排

时间:2014-07-03 19:06:08      阅读:355      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   使用   strong   

制作字体过程

首先得下载一个位图制作工具Bitmap font generator,可以点击这里下载

1、新建txt文件,输入字体里面包含的文字

bubuko.com,布布扣

2、保存为utf-8格式:点击文件另存为,选择编码格式为UTF-8

bubuko.com,布布扣

3、打开下载的bitmap font软件,选择options->font settings,设置字体等选项

bubuko.com,布布扣

4.选择Edit->select chars from file,然后选择我们刚刚建好的文件

5、选择options->save bitmapfont as .然后就会生成两个文件,位图字体就算做完了。

bubuko.com,布布扣

二、在unity3d中使用位图字体,并作图文混排。

1、将上面生成的两个文件导入unity3d项目中,并且导入NGUI资源包。

2、导入准备好的表情图片。(可以从QQ里面选择表情,另存为。。)

3、制作图集。选中字体图片和表情图片,然后选择atlas maker

bubuko.com,布布扣

4、如果Atlas不是None,请点击右侧的new,这是为了新建一个干净的图集,然后选择create按钮,我们将生成的文件起名为EmotionsAtlas

bubuko.com,布布扣

bubuko.com,布布扣

5、选择NGUI->OPEN-Font Maker制作NGUI字体,然后选择Type为Imported Bitmap.把我们刚做好的字体和图集(注意图集是刚刚生成的表情+字体图集的集合)拖到箭头指定的地方.

bubuko.com,布布扣

bubuko.com,布布扣

6、这步非常重要,一定要把下面的图集给X掉,这个坑货,害得我搞了好几次。不清掉的后果是你的字体将会叠加,打一个字,显示很大的两个字。。。

然后点击下面的create按钮,我们起名为LouisFont

bubuko.com,布布扣

7、选中建好的字体预制,然后点击Atlas按钮,选择我们刚刚建好的EmotionsAtlas图集

bubuko.com,布布扣

8、点击Symbols and Emoticons,在前边文字框里输表情表示的字符,右边选择表情,然后点击add,

我这里建好了3个表情

bubuko.com,布布扣bubuko.com,布布扣

他们看起来是这样:

bubuko.com,布布扣

最后一步,新建个NGUI,Label组件,输入文字,就可以看到结果了。文本OverFlow建议选择ResizeFreely,为了显示全文本。

这几种属性的区别,可以点击移步看我这篇笔记

bubuko.com,布布扣

最终显示结果:

bubuko.com,布布扣

不同NGUI版本,可能制作过程有点小差异,大致上就是这个过程。

终于写完博客了,又十一点多了,身体是革命的本钱啊,睡觉去了!

NGUI-制作位图字体以及图文混排,布布扣,bubuko.com

NGUI-制作位图字体以及图文混排

标签:style   blog   http   color   使用   strong   

原文地址:http://www.cnblogs.com/louissong/p/3821347.html

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