如何在PIXI中执行图元的顺序（圆形，矩形，...）

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

半径较小的橙色圆圈绘制在半径较大的黄色圆圈之上。