ktx-parse

import { read, write } from 'ktx-parse'; import type { KTX2Container } from 'ktx-parse'; async function processKtx2File(url: string) { try { // Simulate fetching a .ktx2 file (e.g., from a server or local path) console.log(`Fetching KTX2 file from ${url}...`); const response = await fetch(url); if (!response.ok) { throw new Error(`Failed to fetch ${url}: ${response.statusText}`); } const arrayBuffer = await response.arrayBuffer(); const ktx2Bytes = new Uint8Array(arrayBuffer); // Parse the KTX 2.0 file console.log('Parsing KTX2 data...'); const container: KTX2Container = read(ktx2Bytes); console.log('KTX2 Container parsed successfully:'); console.log(` File format version: ${container.vkFormat}`); // vkFormat is one of the many header properties console.log(` Pixel Width: ${container.pixelWidth}`); console.log(` Pixel Height: ${container.pixelHeight}`); console.log(` Number of mip levels: ${container.levels.length}`); console.log(` Has Supercompression: ${container.supercompressionScheme !== null}`); // Example: Accessing a mip level (level 0 is the largest) if (container.levels.length > 0) { const level0 = container.levels[0]; console.log(` Mip Level 0 data size: ${level0.byteLength} bytes`); // To actually use this data for rendering, you would need a transcoder. // For example, if it's Basis Universal, use a Basis Universal WebAssembly transcoder. } // Example: Serialize the container back to bytes (e.g., after modifying metadata) const modifiedKtx2Bytes = write(container); console.log(`Serialized container back to ${modifiedKtx2Bytes.byteLength} bytes.`); } catch (error) { console.error('Error processing KTX2 file:', error); } } // Replace with a real KTX2 file URL for testing // A common test asset could be a KTX2 file from glTF-Sample-Models or a similar source. processKtx2File('https://raw.githubusercontent.com/KhronosGroup/KTX-Sample-Assets/main/KTX-Software/images/test_images_ktx2/astc_8x8_rgba_ldr.ktx2');