Нарисуйте прямоугольник с pixi.js

[Chrome v32]

Как нарисовать основной прямоугольник RED с помощью библиотеки PIXI.js?

Я пробовал это (не работает)

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

Ошибка:

Uncaught TypeError: Object [object Object] не имеет метода 'SetStageReference'

Ответы

Ответ 1

Геометрия не визуализируется, они предназначены для геометрических расчеты.

Источник @xerver

Итак, мы должны использовать PIXI.Graphics()

Ответ 2

Теперь это возможно, см. предоставленную ссылку: http://www.goodboydigital.com/pixi-webgl-primitives/

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