Wie pixi.js ohne Bühne zu verwenden?

Question

Ich habe diesen pixi.js-Code, der tut, was er tun soll: Zeichnen Sie ein Rechteck.

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

jedoch in der Konsole erhalte ich die Aussage

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

Wie ich ohne PIXI.Stage() das gleiche tun, ich soll?

Answer 1

Ich habe eigentlich nur das gleiche Problem! Ich fand die neuere Dokumentation für PIXI, die hier http://pixijs.github.io/docs/index.html gefunden werden kann.

Der Container, auf den sie verweisen, ist ein neues Objekt, das eingeführt wurde, um das Stage-Objekt zu ersetzen. http://pixijs.github.io/docs/PIXI.Container.html#toc1

Stufe = new PIXI.Stage (0x66FF99)

wird nun

var Behälter = new PIXI.Container();

Hoffe, das hilft! :)

Answer 2

Wie @Mattnv92 erwähnt, jedes Objekt, das von Container (formarly DisplayObjectContainer) erbt z.B. Sprite, Grafiken usw. können jetzt direkt auf die Leinwand übertragen werden, wenn ich mich nicht irre.

So ändern stage = new PIXI.Stage(0x66FF99); zu stage = new PIXI.Container(); sollte tun.

T

Answer 3

Sie sollten aus bewegen:

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

An:

var stage = new PIXI.Container(); 

Und wenn Sie noch wollen Hintergrundfarbe verwenden, können Sie es angeben, wenn renderer erklärt:

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