Hexagonal Base Grid and Floating Tile sometimes does not load in Web Export

Under some scenarios, starting the game in a web browser will lead to the situation that neither the hexagonal base grid nor the floating tile will be shown (see image below).
razorblade_manjaro-vulcan-23-1-4_xfce_locale-us_firefox-124-0-1 When this occurs, the following error message(s) can be found in the browser's console:

ERROR: SceneShaderGLES3: Fragment Program Compilation Failed: branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:256: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:261: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:278: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:284: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:287: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:290: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
<empty string> branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
   at: _display_error_with_code (drivers/gles3/shader_gles3.cpp:487) - SceneShaderGLES3: Fragment Program Compilation Failed: branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:256: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:261: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:278: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:284: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:287: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:290: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
<empty string> branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: SceneShaderGLES3: Fragment Program Compilation Failed: branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:256: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:261: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:278: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:284: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:287: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:290: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
<empty string> branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
   at: _complete_compile (drivers/gles3/shader_gles3.cpp:964) - SceneShaderGLES3: Fragment Program Compilation Failed: branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:256: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:261: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:278: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:284: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:287: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
ERROR: 0:290: '' : array size must be greater than zero branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
<empty string> branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
WebGL warning: getBufferSubData: Reading from a buffer with usage other than *_READ causes pipeline stalls. Copy through a STREAM_READ buffer. 2
WARNING: MSAA must be <= GL_MAX_SAMPLES, falling-back to GL_MAX_SAMPLES = 8 branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
   at: _render_target_allocate (drivers/gles3/rasterizer_storage_gles3.cpp:7025) - MSAA must be <= GL_MAX_SAMPLES, falling-back to GL_MAX_SAMPLES = 8 branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
WARNING: MSAA must be <= GL_MAX_SAMPLES, falling-back to GL_MAX_SAMPLES = 8 branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18
   at: _render_target_allocate (drivers/gles3/rasterizer_storage_gles3.cpp:7025) - MSAA must be <= GL_MAX_SAMPLES, falling-back to GL_MAX_SAMPLES = 8 branch-line-adventures_the-cevennes-edition_web_v-0-0-1.js:369:18

System Information

CPU: AMD Ryzen™ 7 5800X × 16 GPU: AMD Radeon™ RX 7900 XT RAM: 32.0 GiB OS: Manjaro Linux 24.0.2 Wynsdey Kernel: Linux 6.6.32-1-MANJARO LOCALE: de_DE.UTF-8 DE: Gnome 46 WM: Wayland Browser: Firefox 127.0

Questions to Investigate

[x] 1. Is this problem browser specific?
[x] 2. Is this problem browser version specific?
[x] 3. Is this problem operating system specific?
[x] 4. Is this problem operating system version specific?
[x] 5. Is this problem window manager specific?
[x] 6. Is this problem locale specific?
[ ] 7. Is this problem hardware specific?
[ ] 8. What causes the problem?

Operating System, Browser, Window Manager and Locale Investigation Results

Windows

Firefox 126.0.1: working :white_check_mark:
Linux
Manjaro
- Xfce, locale=en_US.UTF-8:
- Uranos 23.0.3:
  - Firefox 118.0.1: working :white_check_mark:
  - Chromium 117.0.5938.149 Arch Linux: WebGL Context lost :x:
- Vulcan 23.1.4:
  - Firefox 124.0.1: does not load playing field/floating tile :x:
  - Chromium 123.0.6312.122 Arch-Linux: does not load playing field/floating tile :x:
- GNOME, locale=de_DE.UTF-8:
  - Wynsdey 24.0.2:
  - Wayland:
    - Firefox 127.0: does not load playing field/floating tile :x:
    - Chromium ???: does not load playing field/floating tile :x:
  - X11:
    - Firefox 127.0: does not load playing field/floating tile :x:
    - Chromium ???: does not load playing field/floating tile :x:
NixOS:
- Xfce, locale=en_US.UTF-8:
- 23.11.20240413.90055d5 Tapir:
  - Firefox 124.0.2: working :white_check_mark:
  - Chromium: pending :grey_question:

Results of the Investigation

1. Browser Specific? :arrow_right: No 🟩

The problem could be reproduced with Firefox as well as Chromium.

2. Browser Version Specific? :arrow_right: Partially 🟨

Only some versions of Firefox or Chromium show this exact bug, whereas others either work without a problem or show a different error. However, this can also be a mixture of browser and operating system version.

3. Operating System Specific? :arrow_right: Yes 🟥

The bug could not be reproduced on Windows (yet) and seems only to occur for one Linux Distribution so far (Manjaro Linux)

4. Operating System Version Specific? :arrow_right: Yes 🟥

The bug only occurs for newer versions of Manjaro, probably since Vulcan 23.1.4. However, it seems to be a mixture of certain operating system and browser version that generate this bug

5. Window Manager Specific? :arrow_right: No 🟩

The bug occurred for Wayland as well as X11 Window Manager under different Desktop Environments

6. Locale Specific? :arrow_right: No 🟩

The bug occured for en_US.UTF-8 as well as de_DE.UTF-8

7. Hardware Specific? :arrow_right: Unclear 🟨

It cannot be determined whether the bug only occurs with certain CPU and GPU models and/or occurs only for certain CPU, GPU and OS combinations due to driver issues. The majority of the machines used for testing had an AMD CPU and GPU, so that there is no clear/indisputable evidence available.

8. Possible Causes

More modern browsers do not like the quite old way of how Godot 3 exports (Shaders) to Web (unlikely, because it worked on other operating systems with comparable browser versions).
Manjaro uses different WebGL library which does not include all the features or is structured differently (would not be the first time). Worst case scenario: The issue is inherited from the Arch Linux base (consequently Arch Linux would also no longer support Godot 3 Web Exports) → has to be verified by testing directly on pure Arch Linux.
There is some error in the Shader code which previously did not show up/was suppressed/ignored, but now with more modern/updated WebGL libraries can emerge.

d-sacre / the-cevennes-express