linewidth not respected in Mac OS Chrome 55.0.2883.95

Description of the problem

LineBasicMaterial no work in Chrome. Works great in Firefox. Worked in in Chrome 54 until we updated to latest release. We get the lines, they have no width. I know this has been reported a million times in regard to Windows but I’m on Mac OS 10.11.6.

Three.js version
  • r82
  • Chrome
  • Firefox
  • Mac
Hardware Requirements (graphics card, VR Device, …)

NVIDIA GeForce GT 750M

Author: Fantashit

5 thoughts on “linewidth not respected in Mac OS Chrome 55.0.2883.95

  1. Thanks for this report. Per : it looks like Apple’s OpenGL Core Profile driver does not support wide lines. Switching Chrome to use the Core Profile was a necessary prerequisite to shipping WebGL 2.0.

    I’m not sure why Firefox doesn’t have this problem, but the reason Safari doesn’t is that they don’t yet support WebGL 2.0.

    I’d encourage switching Three.js’s line implementation to something like @spite ‘s THREE.MeshLine. Is that feasible? Doing so will solve this problem for a lot of developers, and also solve longstanding issues like wide lines not being supported on Windows. (Implementing wide lines directly in the WebGL implementation, as opposed to the OpenGL driver, is non-trivial, and something we would rather not spend our development time on.)

  2. Unfortunately, when Chrome and Firefox upgraded to using the Core Profile on macOS (in order to provide WebGL 2.0 support), a limitation in the OpenGL specification was hit, where line widths greater than 1 were deprecated.

    The best way to solve this is at the application level using a thin strip of triangles. Providing a fully OpenGL ES spec compliant emulation of wide lines — which would be necessary to incorporate this into the browser — is quite difficult.

Comments are closed.