如何使用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。

他们指的是用于替换舞台对象的新对象。http://pixijs.github.io/docs/pixi.container.html#toc1

stage = new pixi.stage（0x66ff99）

现在变为

var Container = new Pixi.Container（）;

希望这会有所帮助！：）

Answer 2

您应该从：

移动

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

to：

var stage = new PIXI.Container();

，如果您仍然要使用背景颜色，则可以在声明renderer时指定它：

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

Answer 3

as @ mattnv92 ，提到的任何从 Container（formarly DisplayObjectContainer）继承的对象，例如。如果我没记错的话，精灵，图形等现在可以直接渲染给画布。

因此，将stage = new PIXI.Stage(0x66FF99);更改为stage = new PIXI.Container();应该做。

t