游戲前端開發(fā)-BMFont使用介紹

BMFont是什么拳锚?

全稱?Bitmap Font Generator 顧名思義假栓,位圖文字生成器。這個工具就是用來生成位圖文字字體配置文件的晌畅,.fnt文件但指。

這里介紹是因為游戲開發(fā)中經(jīng)常用到這個,主流的各大?游戲引擎?都支持使用BMFont字體格式抗楔,如Cocos棋凳、Unity3D等。

建議:初次使用BMFont請先下載官方軟件閱讀本文章學(xué)習(xí)使用连躏。點(diǎn)擊跳轉(zhuǎn)下載

使用方法

1. 界面介紹

? ? ? 1.1 主界面

主界面

????????????現(xiàn)在我們開始選擇需要處理的字符了剩岳。

????????????界面右側(cè)是各個字符編碼集合區(qū)域,所有字符按照編碼被劃分為一個個字符集入热,我們可以點(diǎn)擊某個字符集去挑選里面的字符拍棕。

????????????界面左側(cè)就是某個字符集里對應(yīng)的所有字符了,點(diǎn)擊某個字符既可以選擇勺良。

????????????界面選中了數(shù)字1绰播,對應(yīng)右下角的49,這個ID唯一映射對應(yīng)的字符尚困,每個字符都有它唯一的ID(character)蠢箩;

? ? ? ? ? 1.2 輸入設(shè)置界面


輸入設(shè)置

????????選擇想要的字體,設(shè)置文字大小等等

? ? ? ? 1.3 輸出設(shè)置界面

? ??????????

輸出設(shè)置

????????最下面為設(shè)置想導(dǎo)出的文件格式

????????1.4 編輯界面


編輯界面

可以全選或者取消當(dāng)前選擇的字符等操作事甜,其中有個識別功能? Select chars from file , 稍后會講到如何使用谬泌,這個還是比較實用的,選擇自己游戲僅會用到的內(nèi)容逻谦,可以有效減少包的體積



2 .?Select chars from file 方法講解

創(chuàng)建一個txt文件掌实,里面打上你想要的內(nèi)容,例如:hello世界

格式選擇中文

? ??

字體設(shè)置

再使用編碼軟件保存為相應(yīng)格式邦马,不然BMFnot無法識別贱鼻;

這里我使用比較廣泛的vscode(沒用過的小伙伴可以試試宴卖,輕量級,大量插件可擴(kuò)展)

2.1 . 點(diǎn)擊右下方的編碼格式忱嘹,選擇通過編碼保存

設(shè)置編碼格式

2 .2 . 選擇utf-8 with Bom 模式


選擇對應(yīng)格式

2 .3 . 清空當(dāng)前BMFont的字符選擇


清空所選字符

2 .4 . 可以看到我們的字體中有漢字嘱腥,那么需要在上面介紹的設(shè)置中選擇任意中文字體

? ? ?如果選擇的是英文那么會丟失字符



2 .5 . 導(dǎo)入文件txt

無異常提示,界面會選中所有字符拘悦,可能由于字符id跨幅太多,看不見部分選中橱脸,不用擔(dān)心础米,只有沒有異常提示就行。


導(dǎo)入文件
展示文件中字符選中

2 .6 . 輸出文件即可


BMFont

3 . 使用圖片創(chuàng)建位圖

這個需求在當(dāng)前的游戲開發(fā)環(huán)境中會大量用到添诉,現(xiàn)在游戲品質(zhì)越來越高屁桑,用戶體驗要求也變高,一般美術(shù)會創(chuàng)建好給技術(shù)栏赴,但這種非專業(yè)性才能完成的工作蘑斧,技術(shù)都是很樂意學(xué)習(xí)的,比如我须眷,你呢竖瘾?

3.1 導(dǎo)入所需字體圖片

BMFnot


BMfont

3.2 填入對應(yīng)的字符id

上面提到過如何查看對應(yīng)的字符id,鼠標(biāo)放入主界面的字符花颗,右下角展示的就是捕传,你也可以先導(dǎo)入所有圖片隨后通一編輯,當(dāng)如填入對應(yīng)id后扩劝,主界面也會同步顯示出來


BMfont


BMfont

3.3 最后導(dǎo)出


BMfont

以上就是我開發(fā)中遇到自定義文字的時候解決辦法庸论,使用BMFont來輸出自己需要的文字。

如果對你的開發(fā)有幫助棒呛,點(diǎn)贊支持一下聂示!

可以自由轉(zhuǎn)載,轉(zhuǎn)載時請帶上本文章鏈接簇秒。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末鱼喉,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子宰睡,更是在濱河造成了極大的恐慌蒲凶,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,042評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件拆内,死亡現(xiàn)場離奇詭異旋圆,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)麸恍,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評論 2 384
  • 文/潘曉璐 我一進(jìn)店門灵巧,熙熙樓的掌柜王于貴愁眉苦臉地迎上來搀矫,“玉大人,你說我怎么就攤上這事刻肄∪壳颍” “怎么了?”我有些...
    開封第一講書人閱讀 156,674評論 0 345
  • 文/不壞的土叔 我叫張陵敏弃,是天一觀的道長卦羡。 經(jīng)常有香客問我,道長麦到,這世上最難降的妖魔是什么绿饵? 我笑而不...
    開封第一講書人閱讀 56,340評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮瓶颠,結(jié)果婚禮上拟赊,老公的妹妹穿的比我還像新娘。我一直安慰自己粹淋,他們只是感情好吸祟,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,404評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著桃移,像睡著了一般屋匕。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上谴轮,一...
    開封第一講書人閱讀 49,749評論 1 289
  • 那天炒瘟,我揣著相機(jī)與錄音,去河邊找鬼第步。 笑死疮装,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的粘都。 我是一名探鬼主播廓推,決...
    沈念sama閱讀 38,902評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼翩隧!你這毒婦竟也來了樊展?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,662評論 0 266
  • 序言:老撾萬榮一對情侶失蹤堆生,失蹤者是張志新(化名)和其女友劉穎专缠,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體淑仆,經(jīng)...
    沈念sama閱讀 44,110評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡涝婉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了蔗怠。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片墩弯。...
    茶點(diǎn)故事閱讀 38,577評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡吩跋,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出渔工,到底是詐尸還是另有隱情锌钮,我是刑警寧澤,帶...
    沈念sama閱讀 34,258評論 4 328
  • 正文 年R本政府宣布引矩,位于F島的核電站梁丘,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏旺韭。R本人自食惡果不足惜兰吟,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,848評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望茂翔。 院中可真熱鬧,春花似錦履腋、人聲如沸珊燎。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽悔政。三九已至,卻和暖如春延旧,著一層夾襖步出監(jiān)牢的瞬間谋国,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評論 1 264
  • 我被黑心中介騙來泰國打工迁沫, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留芦瘾,地道東北人。 一個月前我還...
    沈念sama閱讀 46,271評論 2 360
  • 正文 我出身青樓集畅,卻偏偏與公主長得像近弟,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子挺智,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,452評論 2 348

推薦閱讀更多精彩內(nèi)容