Cocos Creator 位图字体(艺术数字配置、BMFont)

版本:2.3.4

参考:

cocos论坛:位图字体怎么做+- x / 0123456789图片已上传 求指教

cocos教程:艺术数字资源

BMFont快速入门教程

 

艺术字体配置

假如我有这样一个自定义位图字体图片,cocos里是没有支持直接使用的位图字体组件的。

 

cocos提供的艺术数字配置,必须按照字体表的顺序来使用。

意思是图片 “+-0123456789“ 必须改成ascii表的顺序,即使没有用到的字符,也要制作到位图图片里。

这样显然不方便,所以艺术字体配置这个功能也就成了鸡肋。

Cocos Creator 位图字体(艺术数字配置、BMFont)_第1张图片

 

 

BMFont

BMFont下载地址:http://www.angelcode.com/products/bmfont/

 

打开BMFont,选择Options-Font Setting,选择楷体

Cocos Creator 位图字体(艺术数字配置、BMFont)_第2张图片

 

 

选择Options-Export options,选择Bit depth为32,Texture为png。

Cocos Creator 位图字体(艺术数字配置、BMFont)_第3张图片

 

 

选择+-0123456789

Cocos Creator 位图字体(艺术数字配置、BMFont)_第4张图片

 

 

选择Options-Save bitmap font as

Cocos Creator 位图字体(艺术数字配置、BMFont)_第5张图片

 

 

 导出得到两个文件,放到cocos的assets下

 

 

拖拽font到舞台

Cocos Creator 位图字体(艺术数字配置、BMFont)_第6张图片

 

 

设置Label的string为+-123

Cocos Creator 位图字体(艺术数字配置、BMFont)_第7张图片

 

 

效果如图

Cocos Creator 位图字体(艺术数字配置、BMFont)_第8张图片

 

你可能感兴趣的:(Cocos Creator 位图字体(艺术数字配置、BMFont))