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

을 그리고 당신에 컨테이너를 추가하는 것은 주무대 : https://jsfiddle.net/esa95wwp/

: 나는 여기에서 찾을 수 있습니다 전체 작업 바이올린을했습니다

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