通常在前端表現上,除了系統自帶的字體外(也叫程序字),美術有時會切割一些圖片(美術字)來讓表現更加酷炫。這些圖片在沒什麼規律的情況下通常用代碼來控制,若是有規律的情況下可以用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內輸入數字,顯示的就是對應的圖片啦~
有想到的再補充,歡迎指出錯誤和探討。