Satellites not rendered on Chrome for Mac

[ajmas]

I am using Chrome 63.0.3239.40 on macOS 10.13.1 and the orbital object indicators aren't being rendered (the blue, red and grey dots). They work fine on iOS Safari and the Safari in macOS.

[jeyoder]

Hi, could you post screenshots of http://webglreport.com/?v=1 for both Chrome and Safari?

[ajmas]

Added. Also, http://webglreport.com/?v=2, just in case

webgl - chrome - webgl 1

webgl - chrome - webgl 2

webgl - safari - webgl 1

webgl - safari - webgl 2

[ajmas]

Additionally, on a fork I have (https://ajmas.github.io/ThingsInSpace/), I noticed the following in the console:

Chrome:

script-loader.js:1705 WebGL: INVALID_ENUM: enable: invalid capability
webGlInit @ script-loader.js:1705
script-loader.js:911 earth init: 29 ms
script-loader.js:830 earth.js loaded nightearth
script-loader.js:1705 WebGL: INVALID_ENUM: enable: invalid capability
webGlInit @ script-loader.js:1705
script-loader.js:815 earth.js loaded texture
/favicon.ico Failed to load resource: the server responded with a status of 404 ()
script-loader.js:1189 sat.js downloaded data
script-loader.js:1237 sat.js init: 81 ms (incl post: 8.740000000000009 ms)
script-loader.js:581 orbitDisplay init: 449.60500000000025 ms
script-loader.js:319 groups init: 97.98999999999978 ms
sat-cruncher.js:46 sat-cruncher init: 4309 ms  (incl post: 299 ms)
script-loader.js:1143 sat.js copied extra data in 299.5799999999999 ms
script-loader.js:1705 WebGL: INVALID_ENUM: enable: invalid capability

Safari:

[Error] WebGL: INVALID_ENUM: enable: invalid capability
    enable
    webGlInit (script-loader.js:1705)
    (anonymous function) (script-loader.js:1507)
    j (jquery-2.1.3.min.js:2:26917)
    fireWith (jquery-2.1.3.min.js:2:27726)
    ready (jquery-2.1.3.min.js:2:29530)
    I (jquery-2.1.3.min.js:2:29715)
[Log] earth init: 53 ms (script-loader.js, line 911)
[Log] sat.js downloaded data (script-loader.js, line 1189)
[Log] sat.js init: 87 ms (incl post: 9.199999999999818 ms) (script-loader.js, line 1237)
[Log] orbitDisplay init: 710.3 ms (script-loader.js, line 581)
[Log] groups init: 104.59999999999991 ms (script-loader.js, line 319)
[Log] earth.js loaded texture (script-loader.js, line 815)
[Log] earth.js loaded nightearth (script-loader.js, line 830)
[Log] sat.js copied extra data in 188.29999999999927 ms (script-loader.js, line 1143)
[Log] sat-cruncher init: 3006 ms  (incl post: 435 ms) (sat-cruncher.js, line 46)

[jeyoder]

Both browsers seem to be reporting the exact same WebGL capabilities, which is interesting. The dots are drawn using point sprites, for which support doesn't seem to be guaranteed.

[jeyoder]

The INVALID_ENUM error is intentional, it's thrown on a line of code used to trick some older OpenGL implementations to enable point sprites.

[ajmas]

Just looking for some examples of 'point sprites' that work in both browsers, I came across: https://codepen.io/AzazelN28/pen/zvXZQw I haven't dug into your code yet to see how the logic compares

[cantino]

This is still broken on Chrome for Mac.

[jonecheverria]

in 2020 still broken on Chrome for Mac.

[ajmas]

This is working in the latest version of Chrome (116.0.5845.187), on macOS. You can see it live here:

https://ajmas.github.io/StuffInSpace/

I have also tested this as working in Safari on an Intel based Mac, on both macOS 13 and and macOS 14.