即时通讯使用PIXIJS来创建游戏。我希望在发生某些事件时替换状态消息。问题是上面添加的文本但旧文本未删除:
这听起来是一个非常简单的任务,但我没有找到任何方法来更改Text.Text对象的文档中的文本。谢谢 。
var statusMessage;
// create a Text Sprite from a text message
function getStausMessageSprite(message){
var style = {font: 'bold italic 36px Arial'};
var statusMessage = new PIXI.Text(message.value, style);
statusMessage.x = 10;
statusMessage.y = 550;
return statusMessage;
}
// drawing status message (update message)
function drawStatusMessage(message) {
// try to remove the old sprite from the stage (it still appears)
app.stage.removeChild(statusMessage);
// create a new Text Sprite and add it
statusMessage = getStausMessageSprite(message);
app.stage.addChild(statusMessage);
}
正如HankMoody在评论中所说:改变.text属性。您不需要创建新对象。
function updateStatusMessage(message) {
statusMessage.text = message.value;
}
此外,您的示例未正确删除文本的原因可能是这样的:
你声明一个全局var statusMessage;
,然后在getStausMessageSprite
函数中再次声明它。我猜全球statusMessage
不会包含新的文本对象。
删除第二个var它可能会工作:
// create a Text Sprite from a text message
function getStausMessageSprite(message){
var style = {font: 'bold italic 36px Arial'};
statusMessage = new PIXI.Text(message.value, style);
statusMessage.x = 10;
statusMessage.y = 550;
return statusMessage;
}
最后说明:我最近了解到,如果你使用let
而不是var
,它将不会让你重新声明一个变量而是给出一个错误。