文字在Pixi.js中重疊

Question

我正在使用PIXI.js，我想增加一個計數器並將其顯示在屏幕上。 但是，文本重疊。

var count=0;
count++;


var text = new PIXI.Text(count, {font:"50px Arial", fill:"red"});
    text.x = stageWidth / 2 - text.width / 2;
    text.y = stageHeight / 2;

    stage.addChild(text);

我如何防止這種情況的發生。

Answer 1

確保僅創建一個PIXI.Text實例，然后更新計數。 這樣，舊文本將被新值替換，並且通過減少實例數量，您將在性能上節省很多：

var count = 0;

var text = new PIXI.Text(count, {font:"50px Arial", fill:"red"});
    text.x = stageWidth / 2 - text.width / 2;
    text.y = stageHeight / 2;

    stage.addChild(text);

function incrementCount() {
    count++;
    text.setText(count);
}

incrementCount();