BMFont的通常用法

通常在前端表現上,除了系統自帶的字體外(也叫程序字),美術有時會切割一些圖片(美術字)來讓表現更加酷炫。這些圖片在沒什麼規律的情況下通常用代碼來控制,若是有規律的情況下可以用BMFont來做成圖片集更加方便。

BMFont下載地址:http://www.angelcode.com/products/bmfont/

通常就是數字的應用。

1.打開圖片管理

2.選擇要導入的圖片資源,在導入時因爲要填寫信息,所以一次只能導入一張…其實需要手動填寫的就是Id,這個值對應的是,鼠標在主頁面上移動時右下角XX:OO中的XX,也就是上圖中綠框中的數字。

3.確定後,可以在圖片管理界面覈對一下。下面的紅框是一一對應的。

4.當都導入後,就可以輸出了。輸出前設置一下Options-Export Options,下面紅框是需要注意的,①大小要選好,太大會浪費資源②8位的沒顏色,一般都32位③格式一般png,特殊需求特殊處理。

5.好了,現在就可以輸出了,Options-bitmap font as,如下

6.剩下就是將上面生成的文件導入工程中使用啦,以cocos creator爲例,在Font導入上面生成的.fnt,再在string內輸入數字,顯示的就是對應的圖片啦~

有想到的再補充,歡迎指出錯誤和探討。

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章