2014-12-07 243 views
1

我甚至无法从任何pixi.jspixi.dev.js实例化一个对象BitmapText没有遇到错误PIXI BitmapText错误(“不能读的未定义的属性‘大小’”)

pixi.dev.js:3688 Uncaught TypeError: Cannot read property 'size' of undefined 

我实现自己的平凡example

text = new PIXI.BitmapText('test', {font:'Arial'}); 

我已经完全追溯到上面尝试实例的错误。 这是pixi.dev.js源代码的相关片段(错误发生在最后一行)。

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; 
    ... 

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

回答

0

BitmapText要求您先加载字体。您可以使用来自BMFont的BMFont软件创建字体:http://www.angelcode.com/products/bmfont/

当您从BMFont导出字体时,最终会生成一张看起来像Texture Atlas的png图像,再加上一个xml文件。 然后,您可以加载您BitmapFont这样的:

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是一个更完整的例子: https://github.com/GoodBoyDigital/pixi.js/tree/master/examples/example%2010%20-%20Text

可以使用例如字体,“desyrel”尝试一下自己。

相关问题