Несколько холстов в пикселях

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

А затем добавьте контейнеры вам Mainstage:

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

Я сделал полную рабочую скрипку, которую можно найти здесь: https://jsfiddle.net/esa95wwp/