首先,說下為什么要使用這款工具作為cocos2d-x的字體生成工具。其實cocos2d-x能使用的字體生成工具也有好幾個,當然了本人也沒有全部使用過,就不一一說明了。Bitmap Font Generator(下面簡稱BMFont)工具的好處有一下幾點:
1.支持windows系統,貌似也只支持windows,好吧,這也是個缺點
2.支持從文本中獲取所需要生成的字
3.支持保存設置文件
4.支持命令行



BMFont工具的下載地址:http://www.angelcode.com/products/bmfont/
安裝完成之后,可以看下界面
右邊是字庫分類,左邊是字符,可以點中作為輸出的字體(白灰色底的是選中的,黑灰色底的是沒有選中的)。
這個先別急着選,先設置下輸出的配置,比如字體什么的~
一、字體設置
打開左上角的Options,選擇Font settings,出現如下界面,這個就是可以設置字體的地方
說下幾個重點的地方
首先選擇字體,Font右邊的下拉列表可以選擇。如果沒有自己需要的字體,說明系統沒有安裝這個字體,可以先安裝字體,再來設置(推薦該方法)。或者點擊下面的Add font file,去加載字體。
其次,設置Charset,選擇Unicode
二、導出設置
打開左上角的Options,選擇Export Options,出現如下界面,這個就是可以設置導出的地方
這些設置,主要說下File format,包括三種格式 文本、XML、二進制,cocos2d-x支持文本格式的fnt文件,選擇text就OK
三、輸出文字選擇
具體要導出哪些文字,需要選擇,主要方法有以下兩種:
1.手動選擇:可以看到主界面上面右邊的區域,其將文字進行了分類,字符集的分類
比如002190,表示的是Arrows,箭頭
此時選中,可以看到左邊顯示的是Arrows表示的文字內容
如果選中其中的一個或者幾個,Arrows旁邊的白框會變成如下:
如果全選的話,Arrows旁邊的白框會變成如下(PS:直接點Arrows旁邊的白框一樣的效果):
在菜單欄的Edit選項上面,會有一些便捷操作
(Un)Select all chars 選中或者不選中,當前選中的那個字符集分類中的所有字體(讀者可能不理解,其實試一下就好,或者看下一條,也許就很好理解了)
Select marked subset(s) 選中所有已經選中的子字符集下的文字(使用ctrl可以在左側選中一個或者幾個子字符集,如下圖)
UnSelect marked subset(s) 與上一條相反,不選中已經選中的子字符集下文字
Clear all chars in font 清除所有選中的文字
2.通過文本選擇
通過上面的手動選擇,可以看出選擇文字是個體力活,那有沒有什么簡便方法呢~答案是肯定的,這個工具給力的地方體現出來了
這個工具可以通過解析文本來輸出文本當中所用到的問題,當然如果你選中的字體里面,沒有該文字,那可能就無法輸出了哦~
那么如何操作呢,如下:
選擇菜單欄上的Edit下的Select char from file,然后瀏覽找到自己需要的生成字體的文本,就這么簡單
但是,問題來了,這個文本的格式,是很操蛋的一個問題,它需要是UTF-8,並且是帶BOM的UTF-8
如果不是這個格式會腫么樣?嘿嘿嘿,當然是生成出來的是亂碼嘍(PS:其實估計英文的話,問題不大,中文就是各種莫名亂碼)
如果不是這個格式的腫么辦?哈哈哈~~百度看看如果轉換格式吧,很多文本編輯器帶這個功能,本人不多說了哦~
四、保存配置文件
首先說下為什么要保存配置文件,這個嘛~好處還是蠻多的
1.保存了配置文件,下次就不需要手動再配置一次了~
2.時間長了忘了怎么配置的了,腫么辦?保存一下,白紙黑字嘛
3.保存下來也是文本,可以直接文本編輯器里面去修改配置
廢話不多說了,來說下怎么操作:
選擇菜單欄上的Options下的Save configuration as...
然后選擇保存的位置,以及文件名~
配置文件的后綴名是.bmfc
上圖可以看到,還有個Load configuration,這個是加載配置文件的,下次打開工具之后可以直接加載了,而不需要重新配置了~哇咔咔
五、導出fnt,以及貼圖文件
差點忘了這條了,這個很簡單:
選擇菜單欄上的Options下的Save bitmap font as...或者快捷鍵 ctrl + s
六、命令行使用
這個是重頭戲呀~按慣例說說,命令行的好處吧:
1、使用命令行,方便啊,一次弄好了,以后直接用個批處理,都不用再打開工具軟件
2、超級方便,如果文本更新了,也不需要再打開工具軟件
3、絕對超級方便,如果字體配置改了,文本也更新了,還是不需要打開工具軟件
差不多了,該說正事了,如何使用命令行:
首先啊,上面的步驟還是要走的,要導出個配置文件。
其實啊,需要做文字的文本要准備好
最后,再寫個.bat批處理文件就OK了~
批處理內容如下
rem 設置BMFont軟件安裝路徑
set BMFont_PATH=E:\Progra~1\AngelCode\BMFont
rem 設置文本、配置文件以及輸出fnt文件的路徑
set TEXT_PATH=E:\XXX
"%BMFont_PATH%\bmfont.exe" -t %TEXT_PATH%\text.txt -c "%TEXT_PATH%\peizhi.bmfc" -o "%TEXT_PATH%\font.fnt"
命令說明: -t 選擇的文本, -c 選擇的配置文件 -o 輸出的fnt文件