2
我有10个精灵阵列和地图从如何在Pixi.js中绘制精灵板?
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;
}
我有10个精灵阵列和地图从如何在Pixi.js中绘制精灵板?
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;
}
好吧,我发现了什么。 做到这一点的唯一的好办法是把所需的电路板用的drawImage,然后以帆布:
var pixiTexture = PIXI.Texture.fromCanvas(canvas);
如果电路板的尺寸过大,把它分割成块。
假设你想创建一个矩形图,你可以试试这个:
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);
}
}
然后当然,你必须开始渲染。 然后它应该显示你的地图。