在Phaser中添加动态添加的精灵图形

Bim*_*B S 6 javascript phaser-framework

我通过使用定时事件动态添加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');
}
Run Code Online (Sandbox Code Playgroud)

任何帮助?

Pho*_*orm 11

Phaser中的图形对象只是标准的显示列表对象,如Sprites.它们默认添加到World中(作为Sprites),你可以使用Phaser.Group级命令移动它们,如moveUp,moveDown,bringToTop等.你可以在这里找到一个完整的列表:http:// docs. phaser.io/Phaser.Group.html

因此,一旦您在上面的代码中添加了Sprite,请将Graphics对象置于组的顶部:

game.world.bringToTop(graphics);
Run Code Online (Sandbox Code Playgroud)

注意:目前你有一个本地var graphics,所以你需要让它对其余的功能可见,这样才能工作.