Requires WebAssembly and WebGL support.
Live demo: https://subquantumtech.com/uastchdr2/
Renders a single texture, using the transcoder (compiled to WASM with emscripten) to generate one of the following compressed texture formats:
On browsers that don‘t support any compressed texture format, there’s a low-quality fallback code path for opaque textures. Note that the fallback path only converts to 16-bit RGB images at the moment, so the quality isn't as good as it should be.
Renders a glTF 3D model with .basis
texture files, transcoded into one of the following compressed texture formats:
The glTF model in this demo uses a hypothetical GOOGLE_texture_basis
extension. That extension is defined for the sake of example only - the glTF format will officially embed Basis files within a KTX2 wrapper, through a new extension that is currently in development.
This demo shows how to use the compressor from JavaScript. To use it, select a .PNG file then hit the “Encode!” button. The compressor will dynamically generate a .basis file in memory which will then be immediately transcoded and displayed. Hit the “Download!” button to locally download the generated .basis file.
To view the compressor‘s textual debug output, open your browser’s developer debug console (under Developer Tools in Chrome) and enable the Debug checkbox before hitting the “Encode!” button. Multithreading is not currently supported when the compressor is compiled to WebAssembly, so compression will be slower than using the stand-alone command line tool.
See how to run things locally, or (with Node.js installed), run:
npx serve
The console will display a localhost
URL for local testing, and (on supported WiFi networks and devices) may also display an IP address accessible by other devices on the same network. Note that mobile devices must support WebAssembly to run this demo. Learn more about remote debugging your android devices.
Alternately, use Web Server for Chrome, browse to your local “webgl” directory, and then select 127.0.0.1:8887 under "Web Server URL(s).