Using msaa with the DepthPrepass results in errors on webgl2

[DGriffin91]

Bevy version

807d646

What you did

Tried to use the depth prepass with webgl2

What went wrong

Got these errors:

Both Chrome & Firefox with: wasm.js:394 panicked at 'Tex storage 2D multisample is not supported', [...]\.cargo\registry\src\index.crates.io-6f17d22bba15001f\glow-0.12.2\src\web_sys.rs:3141:9

Tested by adding the DepthPrepass to the 3d_scene example with MSAA enabled.

[cyqsimon]

I think I ran into the same issue while using bevy_water.

The author explicitly disabled their depth_prepass feature for WebGL2 builds example (I assume due to this issue) but I failed to notice. Tried to build my project with the feature enabled, and got this error:

wgpu error: Validation Error

Caused by:
    In Device::create_render_pipeline
      note: label = `pbr_alpha_blend_mesh_pipeline`
    Error matching ShaderStages(FRAGMENT) shader requirements against the pipeline
    Shader global ResourceBinding { group: 0, binding: 17 } is not available in the layout pipeline layout
    Binding is missing from the pipeline layout

The error looks to be a different than the one in OP. So I thought it might be interesting for whoever wants to work on this.

---

Also, unrelated issue with identical error message: gfx-rs/wgpu#2149.

[janhohenheim]

Forward decals, which use DepthPrepass, also don't work on WebGPU unless we set Msaa::Off: #19177
Might be linked? The error in the console is different though:

It also doesn't crash, but causes a black screen.