Text PIXI位图文本错误(“无法读取未定义”的属性和大小)

Text PIXI位图文本错误(“无法读取未定义”的属性和大小),text,pixi.js,Text,Pixi.js,我甚至无法从pixi.js或pixi.dev.js实例化BitmapText对象而不遇到错误 pixi.dev.js:3688 Uncaught TypeError: Cannot read property 'size' of undefined 我的实现是微不足道的 我已经将错误精确地追溯到上面尝试的实例化。 下面是源代码pixi.dev.js中的相关片段(错误发生在最后一行) 这是库中的错误,还是我做错了什么?BitmapText要求您首先加载字体。您可以使用BMFont软件从angel

我甚至无法从
pixi.js
pixi.dev.js
实例化
BitmapText
对象而不遇到错误

pixi.dev.js:3688 Uncaught TypeError: Cannot read property 'size' of undefined
我的实现是微不足道的

我已经将错误精确地追溯到上面尝试的实例化。 下面是源代码
pixi.dev.js
中的相关片段(错误发生在最后一行)


这是库中的错误,还是我做错了什么?

BitmapText要求您首先加载字体。您可以使用BMFont软件从angelcode创建字体:

从BMFont导出字体时,最终会得到一个类似纹理图集的png图像,以及一个xml文件。 然后可以按如下方式加载位图字体:

var loader = new PIXI.AssetLoader(["MyBitmapFont.xml"]);
loader.onComplete = function()
{
    stage.addChild( new PIXI.BitmapText("SomeText", { font: "35px MyBitmapFont", align: "left"}));
};
loader.load();
PIXI示例10是一个更完整的示例:

您可以使用示例字体“desyrel”自己试用

PIXI.BitmapText.prototype.updateText = function()
{
    var data = PIXI.BitmapText.fonts[this.fontName];
    var pos = new PIXI.Point();
    var prevCharCode = null;
    var chars = [];
    var maxLineWidth = 0;
    var lineWidths = [];
    var line = 0;
    var scale = this.fontSize / data.size;
    ...
var loader = new PIXI.AssetLoader(["MyBitmapFont.xml"]);
loader.onComplete = function()
{
    stage.addChild( new PIXI.BitmapText("SomeText", { font: "35px MyBitmapFont", align: "left"}));
};
loader.load();