Нарисуйте прямоугольник с помощью pixi.js
-
23-12-2019 - |
Вопрос
[Хром v32]
Как нарисовать базовый КРАСНЫЙ прямоугольник с помощью библиотеки 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);
Ошибка:
Неперехваченная ошибка типа:Object [Object Object] не имеет метода 'setStagereference'
Решение 2
геометрии не являются рендерными, они для выполнения геометрических расчеты.
Источник @xerver
поэтому мы должны использовать PIXI.Graphics()
Другие советы
Вы не можете визуализировать геометрию (Pixi.Rectangle
), они предназначены только для расчетов.Вместо этого вы можете сделать следующее:
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);
Не связан с StackOverflow