如何在没有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 
});