3d grid lines are not anti-aliased in firefox

[taylorjacklespriggs]

The grid lines in firefox do not appear to be antialiased which can be seen by the gaps and corners in the screenshot below. The grid lines in the chrome screenshot look totally fine.
I'm using firefox version 68.0.1 on Sierra.

Screenshots taken from the codepen example on the docs

Firefox

Chrome

specs
MacOS Sierra 10.12.6
MacBook Pro (15-inch, 2017)
Graphics

• Radeon Pro 555 2048 MB
• Intel HD Graphics 630 1536 MB

[archmoj]

This may not be a plotly.js bug.
Please note that: although anti-aliasing is requested by the web-gl code on some hardware it may not be enabled e.g. Mac with FireFox.

cc: #2756
#2756 (comment)

Increasing plotGlPixelRatio may help improve the situation: see codepen.

[taylorjacklespriggs]

Thanks @archmoj, the suggestion helped, I suppose it's because of the 9x supersampling?

[archmoj]

If I recall the plotGlPixelRatio is by default 2. So that's the supersaturating diff is (9/4)x about 2x.

[taylorjacklespriggs]

@archmoj here's a few screenshots with different plotGlPixelRatio settings (using your codepen example)
IMO Firefox with plotGlPixelRatio: 0 looks better than plotGlPixelRatio: 3, and Chrome with plotGlPixelRatio: 0 is clearly the most desirable.
Firefox does seem to blacklist MSAA on my hardware https://wiki.mozilla.org/Blocklisting/Blocked_Graphics_Drivers#On_Mac

Chrome with plotGlPixelRatio: 0

Chrome with plotGlPixelRatio: 3

Firefox with plotGlPixelRatio: 0

Firefox with plotGlPixelRatio: 3

[gvwilson]

Hi - we are currently trying to tidy up Plotly's public repositories to help us focus our efforts on things that will help users most. Since this issue has been sitting for several years, I'm going to close it. If it's still a concern, we'd be grateful if you could open a new issue (with a short reproducible example if appropriate) so that we can add it to our backlog. Thanks for your help - @gvwilson