I have this pixi.js code which does what it's supposed to do: Draw a rectangle.
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);
}());
However, in the console I get the statement
You do not need to use a PIXI Stage any more, you can simply render any container.
How am I supposed to do the same without using PIXI.Stage()?
I have this pixi.js code which does what it's supposed to do: Draw a rectangle.
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);
}());
However, in the console I get the statement
You do not need to use a PIXI Stage any more, you can simply render any container.
How am I supposed to do the same without using PIXI.Stage()?
- Hi @BetaRide, did my suggestion work for you? Do you have any questions that you would like to ask? Feel free. – Tahir Ahmed Commented Jun 23, 2015 at 6:24
3 Answers
Reset to default 9I actually just ran into the same problem! I ended up finding the newer documentation for PIXI, which can be found here http://pixijs.github.io/docs/index.html.
The container that they are referring to is a new object introduced to replace the Stage object. http://pixijs.github.io/docs/PIXI.Container.html#toc1
stage = new PIXI.Stage(0x66FF99)
now bees,
var container = new PIXI.Container();
Hope this helps! :)
You should move from:
var stage = new PIXI.Stage(0x65C25D);
To:
var stage = new PIXI.Container();
And if you want to still use background color you can specify it when declaring renderer:
var renderer = PIXI.autoDetectRenderer(width, height, {
backgroundColor: 0x65C25D
});
As @Mattnv92 mentioned, any object that inherits from Container (formarly DisplayObjectContainer) e.g. Sprite, Graphics etc can now be directly rendered to canvas, if I am not mistaken.
So changing stage = new PIXI.Stage(0x66FF99); to stage = new PIXI.Container(); should do.
T