Pixi.js中的文本出现重叠

Text gets overlapped in Pixi.js

本文关键字：重叠 文本 js Pixi      更新时间：2023-09-26

我使用的是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();
相关文章：