Draw a rectangle with pixi.js
There is a nice way to do this using PIXI.Texture.WHITE
.
const rectangle = PIXI.Sprite.from(PIXI.Texture.WHITE);
rectangle.width = 300;
rectangle.height = 200;
rectangle.tint = 0xFF0000;
stage.addChild(rectangle);
Geometries are not renderable, they are for doing geometric calculations.
Source @xerver
So we have to use PIXI.Graphics()
You can't render geometry (Pixi.Rectangle
), they are meant for calculations only. You can do the following instead:
var graphics = new PIXI.Graphics();
graphics.beginFill(0xFFFF00);
// set the line style to have a width of 5 and set the color to red
graphics.lineStyle(5, 0xFF0000);
// draw a rectangle
graphics.drawRect(0, 0, 300, 200);
stage.addChild(graphics);
source