Details about DrawPasses

[exponenta]

Details about DrawPasses

[eXponenta]

PixiJS use aggressive batching, and 20 or more elements can be rendered per 1 DC.
We cannot handle this behaviour, because only render buffer will he changed when batchable object is culled.

i render a 2000+ shapes in single DC :)
https://exponenta.games/games/map

[eXponenta]

DC track a gl.drawElements command, it maybe be less that real used, but not a greater if update is called, PIXI v4 use only drawElements, need check how it works on v5.
useTick should be invoked after render pass every render, otherwise it will be delayed on frame.

https://github.com/eXponenta/gstatsjs/blob/master/src/GLHook.ts#L20

[AdrienLemaire]

Right, I'm using Pixi v5.

A grep for gl.draw returns calls to gl.drawElements, drawBuffersWEBGL, drawElementsInstanced and drawArraysInstanced.

useTick should be invoked after render pass every render, otherwise it will be delayed on frame.

I'm not sure how to verify this.
I've added useTick(() => stats?.update()); to my component.
That means app.ticker will add the stats.update function with a ticker listener, and start it

Starts the ticker. If the ticker has listeners a new animation frame is requested at this point.

I can't tell by reading the code if my tick is delayed on frame or not, but it's a fact that DC always return 1 for value and nothing else.

https://github.com/eXponenta/gstatsjs/blob/master/src/GLHook.ts#L20

I can confirm that GL is Hooked in my app.

Please let me know if you'd like me to try something if that can help 🤝