This class provides an info box that will help you monitor your code performance.
--enable-precise-memory-info
)
npm install pixi-stats --save
import { Application, Ticker, UPDATE_PRIORITY } from 'pixi.js';
import { addStats, Stats } from 'pixi-stats';
const app: Application = new Application({});
const stats: Stats = addStats(document, app);
const ticker: Ticker = Ticker.shared;
ticker.add(stats.update, stats, UPDATE_PRIORITY.UTILITY);
div#stats {
position: fixed;
top: 0;
right: 0;
z-index: 500;
width: max(200px, 10vw, 10vh);
height: max(100px, 6vh, 6vw);
opacity: 0.8;
user-select: none;
}
The credit goes to:
MIT