SpriteJS的扩展支持位图字体(Bitmap Font)

使用BMFont

我们可以使用bmGlyph工具来创建位图字体

bmGlyph

将创建的字体导出(导出时选择cocos2d/BMFont格式)

然后使用sprite-extend-bmfont项目中的命令行工具将字体文件.fnt格式转换成spritejs的bmfont配置:

  1. node tools/generate.js fonts/testsprite.fnt

然后我们就可以在项目中使用BMFont了。

Bitmap Font - 图2

BMFont属性

fontFace

设置BMFont的fontFace,取决于bmGlyph导出的文件配置,默认为被导出的字体的名字。

text

设置BMFont的text,一段单行或多行文本

lineHeight

设置字体的行高

letterSpacing

设置字体的字母间距

textAlign

设置对齐方式(left | center| right)