webGPU crash on mobile when I set normal map.

[Suprhimp]

Description

https://codesandbox.io/p/github/Suprhimp/webgpu-crash-test/main
I made reproduction code sandbox.

my phone is galxy Z flip 6, and I tried with chrome browswer.

Reproduction steps

1. you can check my code sandbox
2. https://github.com/Suprhimp/webgpu-crash-test or I made repository to reproduce.

Code

https://codesandbox.io/p/github/Suprhimp/webgpu-crash-test/main

Live example

*[code sandbox] : https://qcy8mw-5173.csb.app/

Screenshots

Version

r0.181.2

Device

Mobile

Browser

Chrome

OS

Android

[Mugen87]

I can't reproduce on a macMini with Chrome but I get the crash on a Pixel 8a.

Can you please try to reproduce the issue with plain three.js and a fiddle? Please use the following as a starter template: https://jsfiddle.net/xno7bmw0/

The issue might be react-specific so we have to rule this option out first.

[Suprhimp]

Thanks for the quick reply :)

I made reproduce code without react in here

https://codesandbox.io/p/github/Suprhimp/vanilla-webgpu-crash-test/draft/nostalgic-chaum

aslo here
https://github.com/Suprhimp/vanilla-webgpu-crash-test

And important thing is it is goes crash even I use with this code.
Can you check it with your device too ?

Thanks

[Mugen87]

I'm unable to access the sandbox:

Could you please port your code over to jsfiddle?

[Suprhimp]

Sorry I missed past the link
https://codesandbox.io/p/github/Suprhimp/vanilla-webgpu-crash-test/draft/nostalgic-chaum
this is the right one and I revise the link above too.

And plus I will cover jsfiddle too, even you can enter this sandbox link

[Mugen87]

I still get the "Unable to access this workspace" message.

[Suprhimp]

https://jsfiddle.net/Suprhimp/gmafhzye/5/

this is fiddle url

[Suprhimp]

in some reason I'm stuck with my mobile device.

[Mugen87]

It seems the specific normal map from the example triggers the crash. I wasn't able to reproduce it with other textures from our repository.

[Mugen87]

Can you try to import Plane_normal_PBR_Normal.png into a image editing tool like Gimp and re-export it to PNG (so a new file is created)? I assume the headers in this file are responsible for producing the crash when the image data are decoded by WebGPU for the texture upload.

[Mugen87]

Does the following link work on your device? https://jsfiddle.net/05c89tsg/

The fiddle uses now ImageBitmapLoader instead of TextureLoader.

[Suprhimp]

hmm, I tried with other normal texture and it works.
Strange.. Does the color space or rgb value range can cause crash?
The problem normalmap is generated by image to normalmap convert algorithm.

[Mugen87]

@greggman It seems we have an issue when loading a specific PNG normal map into WebGPU on certain mobile devices. WebGL 2 works as expected and loading the textures as an image bitmap also works fine. However, when using our default TextureLoader which internally uses Image, the app crashes. That happens with a Pixel 8a and Chrome as well as a Samsung Galaxy Z Flip 6.

I have created a repro case based on code from "WebGPU fundamentals". So below fiddle uses plain WebGPU.

https://jsfiddle.net/n28kudL3/

I've put the image loading code in a new function loadImage(). Loading the texture via loadImageBitmap() works fine.

Should I file a issue at the Chromium bug tracker?