WebGL Performance much slower than Canvas

[danielbeck]

Hello,

 

I'm wondering why my application is much slower with webgl than with canvas. It's a very simple application with falling letters.

 

WebGL

Firefox: 20 fps

Chrome: 50 fps

 

Canvas

Firefox: 60 fps

Chrome: 60 fps

 

Browser version: firefox 40.0 and Chrome 45.0. I got similar results on windows and on ubuntu.

 

Here is a link to the app: https://s3-us-west-2.amazonaws.com/physalisdev/phaser/www/index.html

 

I espected webgl to be much faster than canvas. Has someone an idea how I can accelerate WebGL so that I can use WebGL shaders?

 

Thanks

Daniel

[RaphaelStary]

Hi
 

I have 60 fps with your example.

It could be that your graphics driver are blacklisted.

see
https://www.khronos.org/webgl/wiki/BlacklistsAndWhitelists

http://superuser.com/questions/836832/how-can-i-enable-webgl-in-my-browser

even if the driver is not blacklisted I would suspect that it has something to do with it or its config. But I'm just guessing

cheers
raphael

[danielbeck]

Hi

 

I have 60 fps with your example.

It could be that your graphics driver are blacklisted.

see

https://www.khronos.org/webgl/wiki/BlacklistsAndWhitelists

http://superuser.com/questions/836832/how-can-i-enable-webgl-in-my-browser

even if the driver is not blacklisted I would suspect that it has something to do with it or its config. But I'm just guessing

cheers

raphael

 

Do you also get 60 fps with firefox?

 

On windows, the used WebGL renderer for Firefox is: WebGL-Renderer    Google Inc. -- ANGLE (Intel® HD Graphics 4600 Direct3D11 vs_5_0 ps_5_0). I'll check the used WebGL renderer for ubuntu later.

[danielbeck]

On firefox/ubuntu, the used renderer is " WebGL-Renderer Intel Open Source Technology Center -- Mesa DRI Intel® Sandybridge Mobile". On all the tested laptops, though webgl was enabled, the performance was pretty bad. The drivers are recent on all systems.