如何在Pixi.js中繪製精靈板？

Question

我有10個精靈陣列和地圖從

for (var i = 0; i < 35; i++) { 
      this.Map.push([]); 
      for (var j = 0; j < 30; j++) 
       this.Map[i][j] = (Math.random() * 9) | 0; 
     } 

Answer 1

好吧，我發現了什麼。 做到這一點的唯一的好辦法是把所需的電路板用的drawImage，然後以帆布：

var pixiTexture = PIXI.Texture.fromCanvas(canvas); 

如果電路板的尺寸過大，把它分割成塊。

Answer 2

假設你想創建一個矩形圖，你可以試試這個：

for(var y = 0; y < this.Map.length; y++) { 
    for(var x = 0; x < this.Map[y].length; x++) { 
    var sprite = new PIXI.Sprite.fromImage('assets/image.png'); 
    sprite.position.x = x* tileWidth; 
    sprite.position.y = y* tileHeight; 

    yourDisplayObjectContainer.addChild(sprite); 
    } 
} 

然後當然，你必須開始渲染。 然後它應該顯示你的地圖。