如何在Pixi.js中绘制精灵板?

时间:2014-01-12 05:29:02

标签: javascript arrays pixi.js

我有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;
        }

2 个答案:

答案 0 :(得分:0)

假设你想创建一个矩形地图,你可以试试这个:

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);
  }
}

然后当然,你必须启动渲染器。 它应该显示你的地图。

答案 1 :(得分:-1)

好的,我找到了一些东西。 唯一可行的方法是使用drawImage将所需的棋盘放到画布上,然后:

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

如果纸板的尺寸太大,请将其放入块中。