2d_gizmos and 3d_gizmos are broke in WebGPU

[ameknite]

Bevy version

main 910f984

Relevant system information

cargo 1.70.0 (ec8a8a0ca 2023-04-25)

SystemInfo { os: "MacOS 13.4 ", kernel: "22.5.0", cpu: "Apple M1", core_count: "8", memory: "8.0 GiB" }
AdapterInfo { name: "", vendor: 0, device: 0, device_type: Other, driver: "", driver_info: "", backend: BrowserWebGpu }

Chrome: Version 114.0.5735.133 (Official Build) (arm64)

What you did

I run the examples 2d_gizmos and 3d_gizmos with WebGPU in Chrome

What went wrong

The example don't show, only a black screen

Additional information

127.0.0.1/:1 Attribute offset (12) with format VertexFormat::Float32x3 (size: 12) doesn't fit in the vertex buffer stride (12).
 - While validating attributes[1].
 - While validating buffers[0].
 - While validating vertex state.
 - While calling [Device].CreateRenderPipeline([RenderPipelineDescriptor "LineGizmo Pipeline 2D"]).

[Invalid RenderPipeline "LineGizmo Pipeline 2D"] is invalid.
 - While encoding [RenderPassEncoder "main_pass_2d"].SetPipeline([Invalid RenderPipeline "LineGizmo Pipeline 2D"]).

[Invalid RenderPipeline "LineGizmo Pipeline"] is invalid.
 - While encoding [RenderPassEncoder "main_transparent_pass_3d"].SetPipeline([Invalid RenderPipeline "LineGizmo Pipeline"]).

[mockersf]

Could be related to #8427. @devil-ira any idea?

[tim-blackbird]

Yes, this was introduced in #8427.
Seems this limitation is specific to metal (gpuweb/gpuweb#693 (comment)).
Maybe it's one of those 'works in practice' things and the validation only happens on WebGPU?

I'll try out the workarounds mentioned in gpuweb/gpuweb#1357.