Come usare pixi.js senza Stage?

Question

Ho questo codice pixi.js che fa quello che dovrebbe fare: Disegna un rettangolo.

var stage, renderer, graphics; 

    (function() { 
     // init PIXI 
     // create an new instance of a pixi stage 
     stage = new PIXI.Stage(0x66FF99); 

     // create a renderer instance. 
     renderer = PIXI.autoDetectRenderer(400, 300); 

     $('#pixi-area').append(renderer.view); 

     graphics = new PIXI.Graphics(); 
     graphics.beginFill(0xFFFFFF); 
     graphics.lineStyle(1, 0xFF0000); 
     graphics.drawRect(20, 20, 150, 150); 
     stage.addChild(graphics); 
     renderer.render(stage); 
    }()); 

Tuttavia, nella console ottengo la dichiarazione

You do not need to use a PIXI Stage any more, you can simply render any container. 

Come faccio a fare lo stesso senza l'utilizzo di PIXI.Stage()?

Answer 1

In realtà mi sono imbattuto nello stesso problema! Ho finito per trovare la documentazione più recente per PIXI, che può essere trovata qui http://pixijs.github.io/docs/index.html.

Il contenitore a cui si riferiscono è un nuovo oggetto introdotto per sostituire l'oggetto Stage. http://pixijs.github.io/docs/PIXI.Container.html#toc1

fase = new PIXI.Stage (0x66FF99)

diventa ora,

contenitore var = new PIXI.Container();

Spero che questo aiuti! :)

Answer 2

Come @Mattnv92 accennato, qualsiasi oggetto che eredita da Container (formarly DisplayObjectContainer) esempio Sprite, Grafica ecc. Possono ora essere direttamente renderizzati su tela, se non sbaglio.

Pertanto, è necessario modificare stage = new PIXI.Stage(0x66FF99); a stage = new PIXI.Container();.

T

Answer 3

Si dovrebbe passare da:

var stage = new PIXI.Stage(0x65C25D); 

A:

var stage = new PIXI.Container(); 

E se si desidera utilizzare ancora il colore di sfondo è possibile specificare che quando si dichiara renderer:

var renderer = PIXI.autoDetectRenderer(width, height, { 
    backgroundColor: 0x65C25D 
});