如何在 pixi.js 中获取抽奖计数

Question

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

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

这里的应用程序是 PIXI.Application。绘制方法如下所示：

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