Canvas2D renderer faster than WebGL for sprites?

Expected Behavior

WebGL rendering would be faster than Canvas2D

Current Behavior

Canvas2D appears faster than WebGL rendering.

I’m noticing ~21FPS on WebGL and ~32FPS on Canvas2D My friend is noticing ~22FPS on WebGL and ~45FPS on Canvas2D

Steps to Reproduce

1. Visit the following demo: https://codepen.io/mudcube/pen/RwVNvLb
2. See benchmark FPS on top left of screen.
3. Toggle forceCanvas to true (at top of demo), and repeat step two.

Environment

• pixi.js version: 5.3.10
• Browser & Version: 91.0.4472.114
• OS & Version: MacOS Big Sur 11.4
• Running Example: https://codepen.io/mudcube/pen/RwVNvLb

[mudcube]

I created a new test with smaller elements, and 10,000 sprites, and WebGL definitely had the advantage!

Closing this issue, as it sounds like this is a non-issue, due to my graphics card, and Sprite being a feature which has similar parity between implementations. Thanks again for all the great comments / suggestions 😃

[GoodBoyDigital]

I believe this is a fill rate issue. Canvas and WebGL are likely going to behave roughly the same as nothing too complex is happening for either to really shine.

The objects are just massive 😃 so there is loads of pixels being written - which is a GPU bottleneck. In then end the Canvas + WebGL hitting the same GPU issue here and so both slowing down in roughly the same way

I bet if you make those elements smaller - you will start to see differences in perf.