pixi.js

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);

source