NGUI-制作位圖字體以及圖文混排


制作字體過程

首先得下載一個位圖制作工具Bitmap font generator,可以點擊這里下載

1、新建txt文件,輸入字體里面包含的文字

2、保存為utf-8格式:點擊文件另存為,選擇編碼格式為UTF-8

3、打開下載的bitmap font軟件,選擇options->font settings,設置字體等選項

4.選擇Edit->select chars from file,然后選擇我們剛剛建好的文件

5、選擇options->save bitmapfont as .然后就會生成兩個文件,位圖字體就算做完了。

二、在unity3d中使用位圖字體,並作圖文混排。

1、將上面生成的兩個文件導入unity3d項目中,並且導入NGUI資源包。

2、導入准備好的表情圖片。(可以從QQ里面選擇表情,另存為。。)

3、制作圖集。選中字體圖片和表情圖片,然后選擇atlas maker

4、如果Atlas不是None,請點擊右側的new,這是為了新建一個干凈的圖集,然后選擇create按鈕,我們將生成的文件起名為EmotionsAtlas

5、選擇NGUI->OPEN-Font Maker制作NGUI字體,然后選擇Type為Imported Bitmap.把我們剛做好的字體和圖集(注意圖集是剛剛生成的表情+字體圖集的集合)拖到箭頭指定的地方.

6、這步非常重要,一定要把下面的圖集給X掉,這個坑貨,害得我搞了好幾次。不清掉的后果是你的字體將會疊加,打一個字,顯示很大的兩個字。。。

然后點擊下面的create按鈕,我們起名為LouisFont

7、選中建好的字體預制,然后點擊Atlas按鈕,選擇我們剛剛建好的EmotionsAtlas圖集

8、點擊Symbols and Emoticons,在前邊文字框里輸表情表示的字符,右邊選擇表情,然后點擊add,

我這里建好了3個表情

他們看起來是這樣:

最后一步,新建個NGUI,Label組件,輸入文字,就可以看到結果了。文本OverFlow建議選擇ResizeFreely,為了顯示全文本。

這幾種屬性的區別,可以點擊移步看我這篇筆記

最終顯示結果:

不同NGUI版本,可能制作過程有點小差異,大致上就是這個過程。

終於寫完博客了,又十一點多了,身體是革命的本錢啊,睡覺去了!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM