Javascript 文本在Pixi.js中重叠

Javascript 文本在Pixi.js中重叠,javascript,pixi.js,Javascript,Pixi.js,我正在使用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); 我怎样才能防止这种情况发生 确保只

我正在使用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);

我怎样才能防止这种情况发生

确保只创建一个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();