所有浏览器下的帧速率都很差（Pixi JS渲染）

Question

我正在绘制一个等距网格，在每个图块上都有鼠标悬停命中区域检测。它工作但帧速率很糟糕。有什么想法让帧率下降如此之多？当然，webGL能够获得比这更好的FPS吗？

屏幕上没有移动的精灵（只有钻石形状的PIXI.Graphics）。

http://178.79.155.146/pc

干杯， 约旦

Answer 1

作为后续行动。对于基元，我们必须将它们绘制到每个帧的模板缓冲区，然后将其渲染到渲染缓冲区。使用精灵，它是一个单独的绘制调用来显示纹理。如果你有许多具有相同纹理的精灵，我们可以在一次绘制调用中将它们全部一起批处理（我们不能用图形来实现）。

总结：为了提高性能，请使用精灵（不是WebGL原始图形！）。