Laya的位圖文字

參考：

Laya文本

 

測試版本：Laya 2.1.1.1

大部分遊戲都會用到位圖文字，例如dnf的傷害數字。

 

 白鷺的位圖文字是美術提供0-9十張單張圖片，由TextureMerger導出fnt+json，而後在exml裏用BitmapLabel組件使用。

Laya的位圖文字是美術提供0-9一張圖片，直接使用FontClip組件。

對比起來Laya的位圖文字美術出圖容易，程序使用簡單。

 

Laya在編輯模式，層級窗口中右鍵，選擇建立組件UI，選擇FontClip

 

將美術提供的位圖文字賦值給FontClip的屬性面板的skin屬性

 

 實際使用效果

 

 

FontClip的源碼在bin/libs/laya.ui.js裏

 

 

實現原理沒有仔細看，大體盲猜是將0-9圖片根據sheet的值"0123456789"，切成10張圖保存。而後根據value值"123"，獲取1，2，3的切圖拼到一張圖上，就成了"123"圖片了。

 

 

自定義字體使用中文也是能夠的

 

銷燬FontClip，fontClip調用destroy進行銷燬