pixijs中的多个画布

Question

我不想使用多个画布，我们如何使用pixijs一起使用多个画布？

类似于此http://jsbin.com/judagah/edit?html,js,output

的内容

这里我使用两个画布，但我想用pixijs替换一个。

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

我已经做了一个完整的工作小提琴，可以在这里找到： https://jsfiddle.net/esa95wwp/