pixi6如何使用ktx格式的压缩纹理

PixiJS 6 可以通过使用 `pixi-compressed-textures` 插件来支持 KTX 压缩纹理格式。

首先，你需要安装 `pixi-compressed-textures` 插件。可以通过 npm 命令来安装：

npm install pixi-compressed-textures

然后，你需要在项目中引入 `pixi-compressed-textures` 插件：

import { CompressedTextureLoader } from 'pixi-compressed-textures';

接下来，你可以使用 `CompressedTextureLoader` 来加载 KTX 压缩纹理：

const loader = new PIXI.Loader();
const compressedTextureLoader = new CompressedTextureLoader();

loader.add('compressedTexture', 'path/to/compressedTexture.ktx', {
    loadType: PIXI.LoaderResource.LOAD_TYPE.XHR,
    xhrType: PIXI.LoaderResource.XHR_RESPONSE_TYPE.BUFFER,
    metadata: {
        // 设置使用 pixi-compressed-textures 插件来加载 KTX 压缩纹理
        compressedTexture: true
    }
});

loader.use(compressedTextureLoader.middleware());

loader.load((loader, resources) => {
    const texture = resources.compressedTexture.texture;

    // 将压缩纹理应用到 Sprite
    const sprite = new PIXI.Sprite(texture);

    // ...
});

在上面的代码中，我们首先创建了一个 `PIXI.Loader` 实例，并且通过 `CompressedTextureLoader` 创建了一个 `compressedTextureLoader` 实例。然后，我们使用 `loader.add` 方法来添加需要加载的 KTX 压缩纹理，并且设置 `metadata` 属性，告诉加载器使用 `pixi-compressed-textures` 插件来加载该资源。接下来，我们使用 `loader.use` 方法来注册 `compressedTextureLoader` 实例的中间件，以便在加载 KTX 压缩纹理时能够正确地解码。

最后，在加载完成后，我们可以通过 `resources.compressedTexture.texture` 获取到加载的压缩纹理，并且将其应用到 `PIXI.Sprite` 实例中。