文本在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();