開始不知道,還真有點小繁瑣。
mac系統上建立bm font的工具有不少,我主要用hiero和glyphdesigner;前者是java寫的,後者是mac原生的,功能都差不多。
還有一個類似的工具bmglyph。
首先根據不同平台解決方案建立不同的字型尺寸,建議大小如下表:
建立完畢後導出為.fnt和.png兩個檔案,比如1.fnt和1.png
在spritebuilder中建立一個fonts檔案夾,然後根據上面建立的字型檔案名在fonts中建立1.bmfont檔案夾然後在其中依次建立4個子檔案夾:
resources-phone, resources-phonehd, resources-tablet, and resources-tablethd,然後按照不同的平台放入不同尺寸的字型檔案(1.fnt和1.png)。
為了示例,我隻是将1.fnt和1.png拷貝4次放到4個檔案夾中,實際項目中需要修改尺寸以對應不同平台。
注意你建立的1.bmfont後,該檔案夾名字會自動變為1.bmfont. ,即後面會多出一個點;這個先不用管,後面會說明處理辦法。
這時的檔案夾類似如下布局:
隻不過圖中的字型名稱為gd。
在spritebuilder中file view視圖中滑鼠右鍵點選1.bmfont.檔案夾選擇show in finder,在打開的finder視窗中将1.bmfont.改為1.bmfont。再回到file view視圖中,發現字型圖示發生了變化:
接下來,在場景中拖入一個label bm-font控件:
将其font file屬性設定為1.bmfont:
你可以将該label連結到一個變量,然後就可以在xcode中代碼引用了。
我添加了一段倒計時代碼,從10到0,然後切換game over場景:
最終效果如下圖: