pixi.js 我如何获得绘制计数

Question

我正在使用此代码添加代码。 draw 方法如下所示：

this.ticker = this.ticker || this.app.ticker.add(this.draw)

这里的应用是 PIXI.Application。 draw 方法如下所示：

private draw(): void {
  console.log(this.ticker.FPS)
}

这给了我 FPS，但我如何获得绘图调用计数？多谢

在这里讨论绘图调用https://pixijs.io/pixi-batch-renderer/PIXI.brend.BatchRenderer.html

此对象渲染器批量渲染多个显示对象。它可以大大减少每帧发出的绘图调用次数。

Answer 1

let drawCount = 0;

const renderer = app.renderer as any;
const drawElements = renderer.gl.drawElements;
renderer.gl.drawElements = (...args: any[]) => {
  drawElements.call(renderer.gl, ...args);
  drawCount++;
}; // rewrite drawElements to count draws

app.ticker.add((deltaTime) => {
  console.log(`drawCount: ${drawCount}`);
  drawCount = 0; // clear count per frame
});