使用BMfont制作含有中文图片的.fnt格式字体合图
我們在制作手游中,經常會用到圖片字體,即.fnt格式的字體,這種格式的字體中,如果圖片是數字,我們可以很快的制作,如果是中文,會造成不小的麻煩,今天這種方法是一種取巧的方法,如果讀者有更好的方法,麻煩留言,或者發郵件給我(caozexu261@163.com),歡迎討論,哈哈。下面我們進入正題
首先,我們通過軟件BMfont來制作,這個軟件全稱是Bitmap font generator,是一款專門用來制作font字體的軟件,可以自行下載。打開軟件效果如下:
這個軟件的一些參數設置和功能用法,讀者可以通過搜索來學習,在這里我就不詳細介紹了。我放一個鏈接,有需要的同學可以去看看
http://www.cr173.com/html/46021_1.html
我們在制作font字體時,在BMfont中每個字體都有它對應的ID,如圖:
中文圖片的制作困難在于我們不像數字那樣能輕易的得到它的ID。比如數字“0”的ID對應的是“48”,但是中文“萬”我們就不知道該填寫多少,接下來我們通過下列方法獲取中文圖片在BMfont中對應的ID。
1.在制作Font字體是,美術一般會提供給你所需要的圖片,如下圖:
這里需要注意的是,每張圖片的高度要一致,這需要給美術說明
2.接下來我們需要實現的是把這些你需要用的字體寫在一個文件里,效果如下:
這里要注意的是,你的文件編碼格式需要是UTF-8,不然在導入BMfont中時,會報找不到對應字體的錯誤。如圖,
3.打開BMfont軟件,點擊Edit,選擇Select all chars,如圖:
點擊Edit,選擇Clear all chars in font,如圖:
這兩步的目的是為了生存的font字體中只還有自己想要生成的,建議每次生成不同的font字體文件是,都統一進行這兩步。
4.點擊Edit,然后選擇Select chars from file,如圖:
把我們剛剛制作好的txt文件拖入進來,點擊確定就ok了。
這個時候,我們在軟件中就可以預覽我們想要生成的font文件了。點擊Options,點擊Visualize,如下:
我們可以看到如下:
5.接下來我們就可以發布了,如圖:
發布完成以后,我們可以看到后綴分別為.fnt和.png的兩個文件,.png為合圖,.fnt記錄了合圖還有字體ID的一些信息
6.打開后綴為.fnt的文件和合圖,對照文件和合圖,通過每個字體的位置對比,我們可以得到每個字體對應的ID。如圖:
比如,我們發現x=0, y= 23 的ID=39063,合圖中發現這個字是“顆”,那么“顆”的ID就是39063了。
到這里我們就獲取到了每個中文所對應的ID了。
7,接下來根據剛剛獲取到對應的ID,依次把我們的字體資源導入
點擊Edit,點擊Open Image Manager,如圖:
打開效果如下:
點擊Image,點擊Import image
打開美術資源,把所需要用到的圖片依次拖入進來,并且ID對應寫好。如圖:
8.全部導入以后,我們就可以發布了,(發布過程和上面發布一樣),這個時候我們會看到.fnt 和.png兩個文件,大功告成
總結
以上是生活随笔為你收集整理的使用BMfont制作含有中文图片的.fnt格式字体合图的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Datawhale-零基础入门NLP-新
- 下一篇: Oracle常见用法总结