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