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