我不想使用多个画布,我们如何与pixijs一起使用多个画布?
类似于这个http://jsbin.com/judagah/edit?html,js,output的东西
这里我使用两个画布,但我想用pixijs替换一个。
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();
然后将容器添加到mainstage:
mainContainer.addChild(container1);
mainContainer.addChild(container2);
我已经做了一个完整的工作小提琴,可以在这里找到:https://jsfiddle.net/esa95wwp/