Как обеспечить порядок примитивов (круг, прямоугольник, ...) в PIXI.Graphics

Question

Я пытаюсь нарисовать несколько кругов друг над другом (с разными радиусами), используя PIXI.Graphics;это выглядит так:

declare var PIXI:any;
const particle = new PIXI.Graphics();

particle.beginFill(0xFFFF00).drawCircle(0,0,5).endFill(); //yellow
particle.beginFill(0xFFA500).drawCircle(0,0,3).endFill(); //orange

Желтый круг всегда рисуется поверх оранжевого

Однако после некоторого поворотов кажется, что порядок обеих команд рисования не определяет, какая из обеих графических фигур получаетотображается на переднем плане (больше из-за цвета ?!).Это может быть связано с реализацией GPU -> я не знаю деталей;

Есть какие-нибудь идеи, как обеспечить в графике правильный z-порядок?

Answer 1

Я не совсем уверен, что именно ваша проблема, потому что для меня они делают в правильном порядке, вы можете проверить эту скрипку онлайн:

https://www.pixiplayground.com/#/edit/2f5I0uuKBDq1i7HOMUoXh

Оранжевый круг с меньшимрадиус отображается поверх желтого круга с большим радиусом.