canvas2d vs webgl

Hi all, I hope you can help..

Ashley in a blog several years ago posted a detailed discussion of canvas2d vs webgl, claiming webgl was fast and on chrome, much faster than canvas2d. He presented two test cases (links below) which he said would allow for this to be tested.

https://www.scirra.com/blog/58/html5-2d ... e-analysis

https://www.scirra.com/labs/perftest-2d

https://www.scirra.com/labs/perftest-webgl

now out of curiosity I ran these again as I was curious about IE11 performance. I also tested it on chrome 37, firefox .

I am using a laptop which has in-built intel graphics so nothing special. what I got for the two tests were

IE11: 30 FPS 8471 for canvas2D, and 2971 for webgl

CHROME: 30 FPS 1351 for canvas2D, and 3150 for webgl

FIREFOX: 30 FPS 13385 for canvas2D, and 3140 for webgl

so I know that there are many many things that could be skewing the results, but which is best to use for performance... assuming that you are not using any fancy webgl effects?

R

Those are ancient performance tests, we've made loads of engine optimisations since then. Try this one:

https://www.scirra.com/demos/c2/renderperfgl/

Done the test, 6774 objects for 30 fps on webGL on my tablet

388 objects at max without it, for an instable around 24 fps on the same tablet

Both tests on chrome for android.

thanks Ashley, Aphrodite,

so I accept that webgl runs faster than it used.. I got around 6K objects for 30 fps on my laptop..

but I thought canvas2d and webgl performance was also strongly dependent on browser performance as well... so I was wondering whether that aspect has changed.

definitely not using webgl is a bad thing if you are using the chrome engine, so android apps definitely must use webgl. I was wondering about other use cases.