1222877 - [WebGL] Poor rendering performance on a public WebGL demo

Status: NEW

(Core :: Graphics: CanvasWebGL, defect, P3)

Description

[Astley Chen (inactive)]

STR:
1. Load http://tympanus.net/Development/RainEffect/ into FireFox browser(Developer Edition v44.02a).
2. Render frame rate is quite bad on desktop(speed of raindrop is slow and lag). Even worse on android FireFox of my LG G4(fps:~10).

The symptom does not appear on Google Chrome browser no matter on desktop or mobile version.

Refer to the source posted on google+:
https://plus.google.com/+JustinasKundrotas/posts

WebGL demo site:
http://tympanus.net/Development/RainEffect/

Comment 1

[Benoit Girard (:BenWa)]

I'm not sure I can reproduce this. Can you turn on 'layers.acceleration.draw-fps;true' from about:config and report the left most number. 

I'm getting 40 FPS on my macbook, 25 PFS on my Quadro desktop. Can you also include about:support?

Comment 2

[Astley Chen (inactive)]

(In reply to Benoit Girard (:BenWa) from comment #1)
> I'm not sure I can reproduce this. Can you turn on
> 'layers.acceleration.draw-fps;true' from about:config and report the left
> most number. 
> 
> I'm getting 40 FPS on my macbook, 25 PFS on my Quadro desktop. Can you also
> include about:support?

Reinstalled the Fennec v42 from play store(should be latest published version) and retested the demo with your suggested instructions.
The fps shown on screen is within 4~5 fps and about:support information is as [1].

[1] about:support - https://goo.gl/pxvbcb

Comment 3

[Astley Chen (inactive)]

I can see a 60fps render on Chrome. Is it a bug worth doing further investigation ?

Comment 4

[Kelsey Gilbert [:jgilbert]]

This is definitely slower in Nightly67 than Canary.
Looking at the webgl calls, it looks like the heavy lifting of this is done in canvas2d, then uploaded to webgl, which is known-slow in Firefox still. I'm going to tentatively block this on that.