Текст накладывается в 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();