javascript - 将图形置于 Phaser 中动态添加的 Sprite 之上

Question

我正在使用定时事件动态添加 Sprites。我找不到在生成的 sprite 上方添加新图形(填充矩形)的方法。

Sprite 总是在最上面

create()
{
  var graphics = game.add.graphics(0, 0);
  graphics.beginFill(0xFFFF0B);
  graphics.drawRect(0, 0, windowWidth, 70);
  graphics.endFill();
  timer = game.time.events.loop(1500, addSprite, this);
}

addSprite()
{  
  sprite= game.add.sprite(20, 30, 'sprite');
}

有什么帮助吗？？

Answer 1

Phaser 中的图形对象只是标准的显示列表对象，就像 Sprites 一样。默认情况下将它们添加到世界中(就像 Sprites 一样)，您可以使用 Phaser.Group 级别的命令移动它们，例如 moveUp、moveDown、bringToTop 等。您可以在此处找到完整列表:http://docs.phaser.io/Phaser.Group.html

因此，在上面的代码中添加 Sprite 后，将 Graphics 对象置于组的顶部:

game.world.bringToTop(graphics);

注意:目前您有一个本地变量 graphics，因此您需要使它对您的其他函数可见，才能正常工作。