| 【游戏开发实战】可爱的动物数字，教你在Unity中自制UGUI艺术字体（位图字体）（Bitmap Font Generator） | 您所在的位置：网站首页 › 1~9数字艺术字体可爱 › 【游戏开发实战】可爱的动物数字，教你在Unity中自制UGUI艺术字体（位图字体）（Bitmap Font Generator） |
【游戏开发实战】可爱的动物数字，教你在Unity中自制UGUI艺术字体（位图字体）（Bitmap Font Generator）
|
文章目录
一、前言二、最终效果三、Bitmap Font Generator制作字体1、准备字体图片2、下载Bitmap Font Generator3、bmfont64.exe导入图片4、配置设置5、保存字体，生成.fnt和.png
四、Unity使用自定义字体1、BitmapFontImporter插件2、导入.fnt和.png图片3、使用自定义字体
五、结束语六、附录：ASCII 编码一览表
一、前言
点关注不迷路，持续输出Unity干货文章。 嗨，大家好，我是新发。 在Unity项目开发过程中，我们经常需要使用一些艺术性比较强的字体，特别是数字。这个时候，就需要我们制作自定义字体了。本文我就来教教大家如何制作吧。 二、最终效果本文制作的最终效果如下：
准备字体图片，如下： 地址：http://www.angelcode.com/products/bmfont/ 运行bmfont64.exe。 ASCII编码对照表见文章末尾附录 以此类推，把所有数字都导入进来。 点击菜单Options / Export options。 点击菜单Options / Save bitmap font as...。
UGUI制作自定义字体比较繁琐，为了简化操作步骤，我使用一个开源的BitmapFontImporter插件。 只需将com.litefeel.BitmapFontImporter.Editor.dll放在Editor目录中即可。 将刚刚使用Bitmap Font Generator制作生成的.fnt和.png文件导入到Unity工程中。 插件就会自动帮我们生成Unity UGUI可用的字体文件：Aa number。 创建一个Text，字体使用刚刚的Aa number，测试一下数字的显示。 完毕。 喜欢Unity的同学，不要忘记点击关注，如果有什么Unity相关的技术难题，也欢迎留言或私信~ 六、附录：ASCII 编码一览表 二进制十进制十六进制字符/缩写解释00000000000NUL (NULL)空字符00000001101SOH (Start Of Headling)标题开始00000010202STX (Start Of Text)正文开始00000011303ETX (End Of Text)正文结束00000100404EOT (End Of Transmission)传输结束00000101505ENQ (Enquiry)请求00000110606ACK (Acknowledge)回应/响应/收到通知00000111707BEL (Bell)响铃00001000808BS (Backspace)退格00001001909HT (Horizontal Tab)水平制表符00001010100ALF/NL(Line Feed/New Line)换行键00001011110BVT (Vertical Tab)垂直制表符00001100120CFF/NP (Form Feed/New Page)换页键00001101130DCR (Carriage Return)回车键00001110140ESO (Shift Out)不用切换00001111150FSI (Shift In)启用切换000100001610DLE (Data Link Escape)数据链路转义000100011711DC1/XON (Device Control 1/Transmission On)设备控制1/传输开始000100101812DC2 (Device Control 2)设备控制2000100111913DC3/XOFF (Device Control 3/Transmission Off)设备控制3/传输中断000101002014DC4 (Device Control 4)设备控制4000101012115NAK (Negative Acknowledge)无响应/非正常响应/拒绝接收000101102216SYN (Synchronous Idle)同步空闲000101112317ETB (End of Transmission Block)传输块结束/块传输终止000110002418CAN (Cancel)取消000110012519EM (End of Medium)已到介质末端/介质存储已满/介质中断00011010261ASUB (Substitute)替补/替换00011011271BESC (Escape)逃离/取消00011100281CFS (File Separator)文件分割符00011101291DGS (Group Separator)组分隔符/分组符00011110301ERS (Record Separator)记录分离符00011111311FUS (Unit Separator)单元分隔符001000003220(Space)空格001000013321!001000103422"001000113523#001001003624$001001013725%001001103826&001001113927’001010004028(001010014129)00101010422A*00101011432B+00101100442C,00101101452D-00101110462E.00101111472F/001100004830000110001493110011001050322001100115133300110100523440011010153355001101105436600110111553770011100056388001110015739900111010583A:00111011593B;00111100603C00111111633F?010000006440@010000016541A010000106642B010000116743C010001006844D010001016945E010001107046F010001117147G010010007248H010010017349I01001010744AJ01001011754BK01001100764CL01001101774DM01001110784EN01001111794FO010100008050P010100018151Q010100108252R010100118353S010101008454T010101018555U010101108656V010101118757W010110008858X010110018959Y01011010905AZ01011011915B[01011100925C\01011101935D]01011110945E^01011111955F_011000009660`011000019761a011000109862b011000119963c0110010010064d0110010110165e0110011010266f0110011110367g0110100010468h0110100110569i011010101066Aj011010111076Bk011011001086Cl011011011096Dm011011101106En011011111116Fo0111000011270p0111000111371q0111001011472r0111001111573s0111010011674t0111010111775u0111011011876v0111011111977w0111100012078x0111100112179y011110101227Az011110111237B{011111001247C|011111011257D}011111101267E~011111111277FDEL (Delete)删除 |
本文Demo工程已上传到CodeChina，感兴趣的同学可自行下载学习。 地址：https://codechina.csdn.net/linxinfa/UnityUGUICustomFontDemo 注：我使用的Unity版本：2020.2.7f1c1 (64-bit)。
点击菜单Edit / Open Image Manager。 
此时会弹出Image Manager窗口，点击Image / Import image... 
选择数字0的的图片，在Id输入框中输入0对应的ASCII编码：48 
完成后，可以看到主窗口中数字0~9的小格子右下角有个小小的标志。 
设置导出图片的宽高（Width、Height），如果设置得过小，则会生成多种图片，设置过大则会浪费空间； 设置字体描述文件格式为XML； 设置字体图片格式为png。 最后点击OK。 
此时会生成两个文件：.fnt和.png，如下： 
其中.fnt记录了字体中每个字符的的坐标信息。
我们也可以手动点击菜单生成Aa number文件，只需右键.png文件，点击菜单Bitmap Font / Rebuild All Bitmap Font即可。 
运行效果如下： 【本文地址】