WebGPURenderer: Missing compressed texture formats

[hybridherbst]

Description

I tried switching KTX2Loader to WebGPU because I saw some errors in one of our apps, and it turns out there are quite a few errors that can be reproduced from webgl_loader_texture_ktx2.

Additionally, I'm not sure how to get the behaviour of renderer.setScissor() in WebGPURenderer; I commented it out here because it throws exceptions.

Reproduction steps

1. Have local three.js for development
2. Open webgl_loader_texture_ktx2.html
3. Change the importmap to "three": "../build/three.webgpu.js",
4. Change WebGLRenderer to WebGPURenderer
5. Add if ( renderer.isWebGPURenderer ) await renderer.init(); below renderer creation
6. Comment out renderer.setScissor(...) (not sure how to work around this)
7. Open the page and scroll down
8. The first few files work fine
9. Scroll further. Then, you get warnings:

10. Scroll further. Then, you get errors:

11. Scroll to the end. Now, you get unrecoverable errors (Note: these files load fine with KTX2Loader: Add VK_FORMAT_ASTC_6x6_SFLOAT_BLOCK_EXT #31689).

Code

Follow the steps above;
or copy from https://github.com/needle-tools/three.js/blob/feature/ktx2loader_webgpu/examples/webgl_loader_texture_ktx2.html

Live example

https://raw.githack.com/needle-tools/three.js/feature/ktx2loader_webgpu/examples/webgl_loader_texture_ktx2.html

Screenshots

No response

Version

r180dev

Device

Desktop

Browser

Chrome

OS

MacOS

[donmccurdy]

Other than a known limitation for ASTC HDR ...

three.js/examples/jsm/loaders/KTX2Loader.js

Line 192 in ca3194a

astcHDRSupported: false, // https://github.com/gpuweb/gpuweb/issues/3856

... I believe the rest of the issues are missing or broken features in WebGPURenderer, as the same THREE.Texture instances should be valid in any renderer. Agreed that it would be nice to get an equivalent of webgl_loader_texture_ktx2 working in WebGPURenderer!