1941976 - [WebGPU] Demo at https://yuu6883.github.io////WebGPUDemo/?cloth doesnt run on my Win11x64+AMD iGPU machine

Status: RESOLVED WORKSFORME

(Core :: Graphics: WebGPU, defect)

Description

[Mayank Bansal]

Go to https://yuu6883.github.io////WebGPUDemo/?cloth

Error:
GPUSupportedLimits { maxTextureDimension1D: 8192, maxTextureDimension2D: 8192, maxTextureDimension3D: 2048, maxTextureArrayLayers: 256, maxBindGroups: 4, maxBindGroupsPlusVertexBuffers: 12, maxBindingsPerBindGroup: 1000, maxDynamicUniformBuffersPerPipelineLayout: 8, maxDynamicStorageBuffersPerPipelineLayout: 4, maxSampledTexturesPerShaderStage: 16 }
index.js:2:250375
Uncaptured WebGPU error: In a set_viewport command, caused by: Viewport has invalid rect Rect { x: 0.0, y: 0.0, w: 2239.5, h: 1399.5 }; origin and/or size is less than or equal to 0, and/or is not contained in the render target (2239, 1399, 1)
Uncaptured WebGPU error: Command encoder is invalid
Uncaptured WebGPU error: CommandBuffer with '' label is invalid
Total cloth triangles: 7938 index.js:2:193807
GPUSupportedLimits { maxTextureDimension1D: 8192, maxTextureDimension2D: 8192, maxTextureDimension3D: 2048, maxTextureArrayLayers: 256, maxBindGroups: 4, maxBindGroupsPlusVertexBuffers: 12, maxBindingsPerBindGroup: 1000, maxDynamicUniformBuffersPerPipelineLayout: 8, maxDynamicStorageBuffersPerPipelineLayout: 4, maxSampledTexturesPerShaderStage: 16 }
index.js:2:252055
initMouseEvent() is deprecated. Use the MouseEvent() constructor instead.

Comment 1

[Mayank Bansal]

Attachment: about:support

Comment 2

[Ashley Hale [:ahale]]

I think this is a duplicate of bug 1941731

Comment 3

[Erich Gubler [:ErichDonGubler] (he/him)]

I can't reproduce with my M1 MacBook Pro. Mayank, can you confirm that this is happening on Windows only?

Comment 4

[Mayank Bansal]

I have a win11x64 + iAMD iGPU machine only, on which the demo does not run.

Comment 5

[Mayank Bansal]

All the demos on the page do not run:
https://yuu6883.github.io/////WebGPUDemo/
https://yuu6883.github.io/////WebGPUDemo/?particles

Comment 6

[Ashley Hale [:ahale]]

Clicking either of those links just instantly crashes my GPU process on Windows. Here's my latest crash on the first of those two WebGPUDemo links https://crash-stats.mozilla.org/report/index/7dc36cc3-64d2-472b-85ea-7a2250250116

Comment 7

[Erich Gubler [:ErichDonGubler] (he/him)]

This WFM now, whereas it didn't before. Mayank, does this work for you?

Comment 8

[Mayank Bansal]

It doesnt draw anything on the screen for me.

Error in webconsole:
09:36:14.948
Unknown property ‘-moz-transition’. Declaration dropped. WebGPUDemo:1:258
09:36:14.948
Unknown property ‘-moz-transition’. Declaration dropped. WebGPUDemo:1:679
09:36:14.948
Unknown property ‘-moz-transition’. Declaration dropped. WebGPUDemo:1:1377
09:36:14.948
Unknown property ‘-moz-transition’. Declaration dropped. WebGPUDemo:1:1517
09:36:14.956 injected firefox content.js:239:17
09:36:14.972
GPUSupportedLimits { maxTextureDimension1D: 8192, maxTextureDimension2D: 8192, maxTextureDimension3D: 2048, maxTextureArrayLayers: 256, maxBindGroups: 4, maxBindGroupsPlusVertexBuffers: 12, maxBindingsPerBindGroup: 1000, maxDynamicUniformBuffersPerPipelineLayout: 8, maxDynamicStorageBuffersPerPipelineLayout: 4, maxSampledTexturesPerShaderStage: 16 }
index.js:2:250375
09:36:16.098 Uncaptured WebGPU error: In a set_viewport command, caused by: Viewport has invalid rect Rect { x: 0.0, y: 0.0, w: 2239.5, h: 1399.5 }; origin and/or size is less than or equal to 0, and/or is not contained in the render target (2239, 1399, 1)
09:36:16.098 Uncaptured WebGPU error: Command encoder is invalid
09:36:16.098 Uncaptured WebGPU error: CommandBuffer with '' label is invalid
09:36:16.122 Total cloth triangles: 7938 index.js:2:193807
09:36:16.122
GPUSupportedLimits { maxTextureDimension1D: 8192, maxTextureDimension2D: 8192, maxTextureDimension3D: 2048, maxTextureArrayLayers: 256, maxBindGroups: 4, maxBindGroupsPlusVertexBuffers: 12, maxBindingsPerBindGroup: 1000, maxDynamicUniformBuffersPerPipelineLayout: 8, maxDynamicStorageBuffersPerPipelineLayout: 4, maxSampledTexturesPerShaderStage: 16 }
index.js:2:252055
09:37:00.756 Uncaptured WebGPU error: Not enough memory left.
09:37:00.756 Uncaptured WebGPU error: Texture with '' label is invalid
09:37:06.732 Uncaptured WebGPU error: Buffer is not mappe

Comment 9

[Mayank Bansal]

Profile with webgpu preset logging: https://share.firefox.dev/4hf43TW

Comment 10

[Andy Leiserson [:aleiserson]]

The console error:

In a set_viewport command, caused by: Viewport has invalid rect Rect { x: 0.0, y: 0.0, w: 2239.5, h: 1399.5 }; origin and/or size is less than or equal to 0, and/or is not contained in the render target (2239, 1399, 1)

And the application logic:

this.resize(p.screen.width * p.dpr, p.screen.height * p.dpr);

And Mayank's device pixel ratio is 1.5. Seems like a rounding issue, possibly a bug in the application? I'm assuming it works in Chrome, although I don't see that explicitly stated. Even if it works in Chrome, I don't think that completely precludes an application bug. It could be just luck that the rounding issue doesn't show up in Chrome, or maybe Chrome is adjusting dimensions somewhere to be more forgiving. Even trying different display scaling factors, I can't reproduce on my Mac.

Comment 11

[Mayank Bansal]

This is WFM now.