2014-12-07 103 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」嘗試一下自己。

相關問題