Dashed lines, linewidth and viewing on mobile

Questions
, ,
1

Hello all,
I’m having some unexpected experience with THREE.line.
I’m trying to make a nice circle with a dashed line stroke.

I have two issues:

  • the linewidth parameter doesn’t seem to have any effect
  • the circle looks ok on chrome on a computer, but not ok on chrome on my Pixel phone running Android 8

Here it is on laptop:
48 AM

And here on mobile:
Screenshot_20170924-092618

Any advice anyone?

Thank you,

Ali

2

From the docs for LineBasicMaterial:

Due to limitations in the ANGLE layer, with the WebGL renderer on Windows platforms linewidth will always be 1 regardless of the set value.

Not sure what’s happening on the phone though - what does VR mode mean? And does setting linewidth back to 1 make any difference?

3

Can you provide a fiddle that shows the bug? I’ve tested some line examples with my Pixel (Android 8) and found no problems.

4

thank you for your advice everyone.

the problem goes away if the linewidth is 1; this satisfies my present task, but i do wonder how i might be able to get thicker dahsed lines on mobile…

5

This PR might be interesting for you: https://github.com/mrdoob/three.js/pull/11349

The following article provides some background information:

2 Likes