- 這篇教學(xué)中會(huì)使用到BMFont 這個(gè)工具
- 準(zhǔn)備好Unity5.3.2版本,其他版本會(huì)有異常
一.制作字體
下載鏈接：
http://www.angelcode.com/products/bmfont/
安裝好BMFont 以后將它打開,開始進(jìn)行自定義字體圖集建立
-
點(diǎn)選Edit → Open ImageManager
-
點(diǎn)選Image → Importimage…
-
將預(yù)定使用的圖片導(dǎo)入( 這里示范用的是數(shù)字0~9 )
3.JPG
-
在Icon Image 里的Id 對應(yīng)的是BMFont 表單里的位置
Id：48對應(yīng)的是數(shù)字0的位置
已對應(yīng)的位置右下角會(huì)有藍(lán)色小方塊
4.JPG -
將數(shù)字0~9全部導(dǎo)入后
5.JPG -
回到主選單進(jìn)行導(dǎo)出設(shè)定
點(diǎn)選Option → Exportoptions
6.JPG -
調(diào)整Bit depth 為32
調(diào)整導(dǎo)出圖片的大小( 示范用設(shè)定為128×128)
調(diào)整導(dǎo)出圖片格式( PNG )
7.JPG -
回到主選單
點(diǎn)選Options → Sava bitmapfont as…
進(jìn)行儲(chǔ)存
8.JPG
-
儲(chǔ)存成功后會(huì)產(chǎn)生兩個(gè)檔案
一個(gè).png 及一個(gè).fnt
9.JPG
二.導(dǎo)入U(xiǎn)nity
- 導(dǎo)入字體制作插件和上一步制作的一個(gè).png 及一個(gè).fnt
- 新建一個(gè)CustomFont和一個(gè)Material
- 選擇CustomFont和.fnt文件
- 菜單欄MakeFont/Make
- Material選擇Legacy Shader/Transparent/Diffuse這個(gè)Shader
- 把.png拖入Material
- linespacing 控制行寬 如果換行不好使,\n控制換行
控制行寬.png
- 逐個(gè)字符調(diào)節(jié)闪彼，控制字體的中心點(diǎn)，使得字體居中
控制中心點(diǎn).png
居中對齊.png
大功告成
成功.png
