search

vasturiano / globe.gl

UI component for Globe Data Visualization using ThreeJS/WebGL
https://vasturiano.github.io/globe.gl/example/world-population/
MIT License
2.03k stars 301 forks source link

Arc lines become hard to see and at times invisible when on light backgrounds. #35

Closed DanMattina closed 3 years ago

DanMattina commented 3 years ago

On light backgrounds or light globe color, the arcs lines become hard to see or even invisible at times

Steps to reproduce the behavior:

  1. Create a globe and set the globe to .backgroundColor('white')
  2. Turning on any arcs, you can see what I'm seeing below

Screen Shot 2021-03-03 at 8 33 11 AM

Is there any way to change arc opacity or even blending mode so that these arcs are visible? Is this an issue with the light backgrounds and if so is there a workaround for this to work on light backgrounds.

vasturiano commented 3 years ago

@DanMattina thanks for reaching out.

The line blending mode was set to additive which is more suitable for dark backgrounds but doesn't work very well on light backgrounds. I've switched it to normal blending which works fine in both. Please try it with the latest published version (2.18.2).

DanMattina commented 3 years ago

That worked great!