UI Texture Atlas Slice example looks broken on web

[TheNeikos]

Bevy version

Website example

[Optional] Relevant system information

Found to not work on the following systems:

• Win 10, AMD Radeon RX 6800 XT, Firefox & Chrome
• Debian 12, RTX 3060, Firefox & Chrome

What you did

Go to https://bevyengine.org/examples/ui-user-interface/ui-texture-atlas-slice/, it already shows broken. Click on it, and the texture keeps on staying broken.

What went wrong

Additional information

The 'normal' texture slice example is fine.

Logs from my firefox:

It looks exactly the same to the working example though.

using deprecated parameters for the initialization function; pass a single object instead [wasm_example.js:2220:13](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/ui-texture-atlas-slice/wasm_example.js)
An AudioContext was prevented from starting automatically. It must be created or resumed after a user gesture on the page. [restart-audio-context.js:24:28](https://bevyengine.org/restart-audio-context.js)
An AudioContext was prevented from starting automatically. It must be created or resumed after a user gesture on the page. [wasm_example.js:1703:37](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/ui-texture-atlas-slice/wasm_example.js)
INFO crates/bevy_winit/src/system.rs:58 Creating new window "App" (Entity { index: 0, generation: 1 }) [wasm_example.js:446:21](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/ui-texture-atlas-slice/wasm_example.js)
WEBGL_debug_renderer_info is deprecated in Firefox and will be removed. Please use RENDERER. [wasm_example.js:890:37](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/ui-texture-atlas-slice/wasm_example.js)
INFO crates/bevy_render/src/renderer/mod.rs:189 AdapterInfo { name: "ANGLE (AMD, Radeon R9 200 Series Direct3D11 vs_5_0 ps_5_0), or similar", vendor: 4098, device: 0, device_type: Other, driver: "WebGL", driver_info: "2.0", backend: Gl } [wasm_example.js:446:21](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/ui-texture-atlas-slice/wasm_example.js)
WARN crates/bevy_pbr/src/ssao/mod.rs:86 ScreenSpaceAmbientOcclusionPlugin not loaded. GPU lacks support: TextureFormat::R16Float does not support TextureUsages::STORAGE_BINDING. [wasm_example.js:446:21](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/ui-texture-atlas-slice/wasm_example.js)
INFO crates/bevy_core_pipeline/src/dof/mod.rs:799 Disabling depth of field on this platform because depth textures aren't supported correctly [wasm_example.js:446:21](https://bevy-webgl2-examples.pages.dev/UI%20(User%20Interface)/ui-texture-atlas-slice/wasm_example.js)
An AudioContext was prevented from starting automatically. It must be created or resumed after a user gesture on the page.

[ickshonpe]

They all use the same shader so it's weird that only this example is busted and both ui_texture_slice and ui_texture_slice_flip_and_tile seem fine. Maybe it's a bug in wgpu.