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();

文本在Pixi.js中重叠

1 个答案: