如何在沒有Stage的情況下使用pixi.js？

Question

我有這pixi.js代碼，它做它應該做的：繪製一個矩形。

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

然而，在控制檯中我得到的說法

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

我怎麼做同樣不使用PIXI.Stage()？

Answer 1

我其實剛碰到同樣的問題！我最終找到了PIXI的新文檔，可以在這裏找到http://pixijs.github.io/docs/index.html。

它們所指的容器是一個新對象，用於替換Stage對象。 http://pixijs.github.io/docs/PIXI.Container.html#toc1

階段=新PIXI.Stage（0x66FF99）

現在變成，

變種容器=新PIXI.Container（）;

希望這會有所幫助！ :)

Answer 2

作爲@Mattnv92提到的，從Container（formarly DisplayObjectContainer）繼承的任何對象例如如果我沒有弄錯，Sprite，Graphics等現在可以直接渲染到畫布上。

因此改變stage = new PIXI.Stage(0x66FF99);爲stage = new PIXI.Container();應該這樣做。

牛逼

Answer 3

你應該擺脫：

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

要：

var stage = new PIXI.Container(); 

如果你想仍然使用的背景顏色聲明renderer時，你可以指定它：

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