ShoeBox 快速建立Unity美术字库（NGUI以及UGUI）

昨天经同事介绍，使用ShoeBox建立Unity的美术字库，爽死了！让bmfont什么的见鬼去吧！基于原有的说明文档，还是有点不直接，让我误会了好一段时间，所以还是决定自己写一下。
先给出下载地址：http://renderhjs.net/shoebox/
官网，免费下载，.air格式文件，之前需要下载安装Adobe Air：
https://get.adobe.com/cn/air/
然后安装的过程就不详细说了，直接上正轨。1、美术给出效果图，字体他们爱怎么搞就怎么搞，唯一注意的就是字之间的间距需要足够大，最好每个字都在一个固定的框框内，以便ShoeBox进行切割。如图：

2、好，现在开始程序的事情了，打开ShoeBox，找到GUI/ BitmapFont：

3、右键点击Bitmap Font，打开设置：

注意几项：
File Name：输出文件的名字
Txt Chars ：对应的文字符号，顺序要根据图标显示的，从左到右，从上到下一次排列，不然就会出现张冠李戴的问题了，比如这里0要在9之后~不是排在第一位，就是因为美术给出的图片0就是在9后面的。
Txt Line Height：行高，不用说了吧
设置完毕之后，点一下Apply，好了。
4、用鼠标将美术提供的图片拖进Bitmap Font内，对！就是拖！为了防止你们想象不到，我还是截个图吧：

如果你是在setting打开的情况下进行拖拽，你就可以看到一下的预览图：

是否一目了然？
5、最后点一下Save Font，就生成了一下两个文件：

那个txt文件其实就是fnt啦，see，这个生成过程是不是比bmfont生成图片，然后再让美术替换图片要爽得多~
再附录一篇网上转载得比较多的文章：
http://childhood.logdown.com/posts/190580/-details-using-shoebox-produce-bitmap-fonts

剩下的，如果你是使用的NGUI，那么就打开Font Maker，原来怎么办就怎么办。这个我就不多说了。

如果你是是用的UGUI，就要建立一个Common Font，然后需要对每个元素进行复制，以下有一段通过txt信息对Common Font进行赋值的核心代码：

BMFontReader.Load(bmFont, fntData.name, fntData.bytes); // 借用NGUI封装的读取类CharacterInfo[] characterInfo = new CharacterInfo[bmFont.glyphs.Count];for (int i = 0; i < bmFont.glyphs.Count; i++){BMGlyph bmInfo = bmFont.glyphs[i];CharacterInfo info = new CharacterInfo();info.index = bmInfo.index;info.uv.x = (float)bmInfo.x / (float)bmFont.texWidth;info.uv.y = 1 - (float)bmInfo.y / (float)bmFont.texHeight;info.uv.width = (float)bmInfo.width / (float)bmFont.texWidth;info.uv.height = -1f * (float)bmInfo.height / (float)bmFont.texHeight;info.vert.x = 0;info.vert.y = -(float)bmInfo.height;info.vert.width = (float)bmInfo.width;info.vert.height = (float)bmInfo.height;info.width = (float)bmInfo.advance;characterInfo[i] = info;}// Create custom fontFont font = new Font();font.name = FontName;font.characterInfo = characterInfo;font.material = CreateFontMeterial();   // 创建材质，里面绑定对应的字体贴图，以及渲染用的shader// Save font.string fontFile = ExportFile + ".fontsettings";AssetDatabase.DeleteAsset(fontFile);AssetDatabase.CreateAsset(font, fontFile);

至于你怎么利用这段代码，我就不管了。
如何使用Common Font，更详细的文章：
http://blog.sina.com.cn/s/blog_89d90b7c0102vk20.html

ShoeBox 快速建立Unity美术字库（NGUI以及UGUI）相关推荐

CentOS 5.5 编译安装apache+php+mysql，利用CMS快速建立论坛
这个是转来的,细节没有验证,请网友自己斟酌.......... CentOS 5.5 编译安装apache+php+mysql,利用CMS快速建立论坛 1.安装Apache [root@bogon t ...
Google重磅发布开源库TFQ，快速建立量子机器学习模型
整理 | 弯月编辑 | 郭芮出品 | AI科技大本营(ID:rgznai100) 近日,Google 与滑铁卢大学.大众汽车等联合发布 TensorFlow Quantum(TFQ),一个可快速建 ...
Unity插件之NGUI学习（4）—— 创建UI2DSprite动画
创建一个新的Scene.并按 Unity插件之NGUI学习(2)创建UI Root,并在UI Root的Camera下创建一个Panel. 然后在选中Panel,在菜单中选择NGUI->Crea ...
如何快速全面建立自己的大数据知识体系？大数据 ETL 用户画像机器学习阅读232 作者经过研发多个大数据产品，将自己形成关于大数据知识体系的干货分享出来，希望给大家能够快速建立起大数据
如何快速全面建立自己的大数据知识体系? 大数据 ETL 用户画像机器学习阅读232 作者经过研发多个大数据产品,将自己形成关于大数据知识体系的干货分享出来,希望给大家能够快速建立起大数据产品的体 ...
Sublime Text 3安装Package Control快速建立html5和xhtml文档
Sublime Text 3安装Package Control快速建立html5和xhtml文档先关闭Sublime text 3: 第1步:下载sublime_package_control-ma ...
教育类产品如何快速建立师生关联关系？
本文为PMCAFF专栏作者836488572出品前几个月公司计划开展教育缴费的新业务,主要是服务于校园内的学费.伙食费.活动报名费等缴费场景.公司已有比较完善的校服电商系统的基础,如商品.订单.支付 ...
Unity插件之NGUI学习（8）—— Table和NGUI尺寸转换为世界坐标系尺寸
依据 Unity插件之NGUI学习(2),创建一个UI Root,在UI Root下创建一个Texture作为背景图,并设置图片,在Wiget下调整大小:然后在UI Root下再创建一个Panel. ...
Google 发布开源库 TFQ，快速建立量子机器学习模型！
整理 | 弯月责编 | 郭芮出品 | CSDN(ID:CSDNnews) 近日,Google 与滑铁卢大学.大众汽车等联合发布 TensorFlow Quantum(TFQ),一个可快速建立量子机 ...
西部狂徒自建服务器,在《西部狂徒》中如何快速建立自己根据地？杀人放火是上策...
原标题:在<西部狂徒>中如何快速建立自己根据地?杀人放火是上策作为一个游戏爱好者,小编一直关注着游戏圈里面的动态,当<西部狂徒>这款游戏刚刚上架Steam的时候,小编就有所留 ...

ShoeBox 快速建立Unity美术字库（NGUI以及UGUI）

ShoeBox 快速建立Unity美术字库（NGUI以及UGUI）相关推荐

最新文章

热门文章