javascript - pixijs 中的多个 Canvas

Question

我不想使用多个 Canvas ，我们如何与pixijs一起使用多个 Canvas ？

与此类似的东西 http://jsbin.com/judagah/edit?html,js,output

这里我使用了两个 Canvas ，但我想使用 pixjs 替换一个 Canvas 。

Answer 1

Pixi.js 采用多个容器的概念。我建议创建一个具有多个容器的渲染器。你可以这样做:

var renderer = PIXI.autoDetectRenderer(400, 300, {antialias: false, transparent: false, resolution: 1, view: document.getElementById("renderer")});
var mainContainer = new PIXI.Container();
var container1 = new PIXI.Container();
var graphics = new PIXI.Graphics();

然后将容器添加到主舞台:

mainContainer.addChild(container1);
mainContainer.addChild(container2);

我已经制作了一个完整的工作 fiddle ，可以在这里找到: https://jsfiddle.net/esa95wwp/