Screen-reading shaders, SSAO, SSR and depth of field cause artifacts on NVIDIA + Chromium-based browser (GLES3)

[xtremezero]

Godot version:3.2.4.rc.1

OS/device including version:Linux 5.4.89-1-MANJARO x86_64 - GNU/Linux
GPU: GTX1070, Nvidia driver 460.32.03, GLES3
(CHROMIUM Browser) -edited

Issue description:
Very weird artifacts when running motion blur shader in HTML5

Errors in chromium :

GL_INVALID_OPERATION: It is undefined behaviour to have a used but unbound uniform buffer.

GL_INVALID_FRAMEBUFFER_OPERATION: Draw framebuffer is incomplete

GL_INVALID_OPERATION: Feedback loop formed between Framebuffer and active Texture. https://t.co/3qN23FMBzL

Steps to reproduce:

• Run project with Motion Blur in HTML5 in any chromium based browser (edge, google chrome, chromium)

Minimal reproduction project:

DEPTH FAIL.zip

[akien-mga]

What browser did you test? Could you post screenshots of when it looks bad?

Tested locally on Mageia 8 with Firefox Nightly 87.0a1 (2021-01-27) and Chrome 88.0.4324.96 and it seems to work fine with the project.
Using OpenGL ES 3.0 Renderer: Mesa Intel(R) HD Graphics 630 (KBL GT2).

Chrome:

Firefox:

Native:

Might be an issue with the browser, or with Nvidia drivers.

[xtremezero]

oh actually it's a CHROMIUM issue ... I just checked on Firefox and it seems to work fine
so it's probably a browser support problem, idk if I can reproduce it in GoogleChrome, ill give it a test and confirm

Edit: reproducible on MS Edge and Google Chrome

[archerallstars]

I can't reproduce this issue in Chrome version 88.0.4324.104 (Official Build) (64-bit) as shown in my screen recording below:

2021-02-01.16-24-50.mp4

I can't reproduce this issue in Edge version 88.0.705.56 (Official build) (64-bit) either as shown in my screen recording below:

2021-02-01.16-26-05.mp4

I'm on:

• Windows 10 Home 64-bit, Version 20H2, OS build 19042.746
• Intel® UHD Graphics 620, Version 27.20.100.9168

The reproduction project is exported on Godot 3.2.4 rc1.

[xtremezero]

I guess we need someone with Nvidia graphics card to test it on a Chromium based browser,
i tried it on windows and linux (Google Chrome, Chromium, and MS.EDGE) all have the same issue
---aside from that----
On my mobile Google chrome renders a black screen (but I think this is a limitation for mobile devices and GLES3

[Calinou]

OS: Fedora 33
GPU: GeForce GTX 1080 (NVIDIA proprietary driver 460.32.03)
Browser: Chromium 87 on the left, Firefox 84 on the right

I can confirm this on 3.2.4 beta:

Console output from Chromium:

Firefox doesn't output any errors or warnings.

Pre-exported MRP: StarWars.zip (make sure to host a local web server to access it)

[MickeMakaron]

Can reproduce with simple reproduction project: render-bug-reproduction.zip (3.3.3 regular HTML5 export, GLES3)

Seems to happen when SSAO and DOF far blur is enabled in the WorldEnvironment.

Windows 10
Chrome 92.0.4515.159
NVIDIA GeForce GTX 1060 3GB (driver version: 30.0.14.7168)

Windows 10
Chrome 92.0.4515.159
AMD Radeon(TM) RX 5600M Series (driver version: 27.20.11018.6002)

[xix-xeaon]

I can't reproduce this. Results like akien-mga. Godot v3.5.rc5.official [ae60597], Linux, Radeon RX 560 Series, Chrome Version 102.0.5005.115 (Official Build) (64-bit), Firefox 102.0 (64-bit). Only issue it's smooth on Firefox but like 1 FPS or less on Chrome. Also some issue with SSAO but I guess it's a separate issue.

[3top1a]

This also happens with DOF Near blur and DOF Far blur

[Calinou]

This also happens with DOF Near blur and DOF Far blur

This is already mentioned in the issue title ("depth of field") 🙂