Phaser：当精灵重叠时显示文本

Question

当我的两个精灵重叠时，我正在尝试想办法在视口的左上角添加文本。其中一个是物品，另一个是我的角色。当我单击一个键时，我已经可以检测到重叠甚至“选择”项目（杀死精灵）。不过，我想要一个文字，上面写着“单击“E”来挑选剑！”在碰撞功能激活时出现，当我通过捡起精灵杀死精灵时，文字会消失。

我尝试将文本包含在碰撞函数本身中，但我想这样我会多次渲染文本（fps 下降很多），我只想创建一次并根据我的目的将其删除。我的代码：

function collisionHandler(dude,the_sword) {
pickObject.onDown.add(function () {
    the_sword.kill();
}, this);
}

game.physics.isoArcade.overlap(dude, the_sword, collisionHandler, null, this);

// message saying to pick // Where to put this?
var style = { font: "30px Arial", fill: "#ff0044"};
var pick_message = this.game.add.text(0,20,"Click 'E' to pick up the sword!",style);
pick_message.fixedToCamera = true;

你知道怎么做吗？

Answer 1

在您的“创建”功能中：

var style = { font: "30px Arial", fill: "#ff0044"};
var pick_message = this.game.add.text(0,20,"Click 'E' to pick up the sword!",style);
pick_message.fixedToCamera = true;
pick_message.visible = false;

然后：

function collisionHandler(dude,the_sword) {
pick_message.visible = true;
pickObject.onDown.add(function () {
    the_sword.kill();
    pick_message.visible = false;
}, this);
}

game.physics.isoArcade.overlap(dude, the_sword, collisionHandler, null, this);

类似的东西应该可以。如果要执行其他操作，例如开门，可以使用：

pick_message.setText("Click 'Q' to open the door!");

您不必每次都创建新文本，您可以将其用于不同目的。