I’m trying to convert a few three.js projects from WebGL to WebGPU, but now I’m having an issue if I use an orthographic camera (instead of a perspective one) together with a texture in the scene background.
When I use a perspective camera, the background texture looks fine. It will fill the entire canvas, as expected:
I’m now using three.js release r182 and this issue became wierder. If I run a program that uses webGPU, an orthographic camera and a background texture (e.g. your fiddle; see link below) on an Android smartphone, it works fine. But if I run it on my notebook, I get a white background:
It seems that the issue is not related with the browser: it shows up both with Chrome and with Firefox. It seems not to be related with my computer: I asked a friend to run the program on his PC and he reported the same problem.
It has maybe to do with the operating system.
Does this issue happen to you too? Any idea of what this problem might be and how to solve it?