Dibuja un rectángulo con pixi.js
(2)
Las geometrías no se pueden rendir, son para hacer cálculos geométricos.
Source @xerver
Así que tenemos que usar PIXI.Graphics()
[Chrome v32]
¿Cómo dibujar un rectángulo ROJO básico con la biblioteca PIXI.js?
Probé esto (no funciona)
var stage = new PIXI.Stage(0xFFFFFF);
var renderer = PIXI.autoDetectRenderer(400, 300);
document.body.appendChild(renderer.view);
renderer.render(stage);
var rect = new PIXI.Rectangle(100, 150, 50, 50);
stage.addChild(rect);
Error:
No se detectó TypeError: Object [object Object] no tiene el método ''setStageReference''
No puede representar geometría ( Pixi.Rectangle
), están destinados solo para cálculos. Puedes hacer lo siguiente en su lugar:
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);