draco.js

Draco.js

A pure-JavaScript Draco mesh loader for three.js. It's a drop-in DRACOLoader that decodes Draco-compressed triangle meshes — both the EdgeBreaker connectivity used by glTF's KHR_draco_mesh_compression and Draco's sequential connectivity — directly in JavaScript.

Live demo →

Why a JS port instead of the official WASM build?

• Small — ~20 KB gzipped (62 KB minified), vs ~100 KB gzipped for the draco3d WASM decoder + glue (~5× smaller).
• Simple to ship — one ES module. No .wasm fetch, no worker/glue setup, no cross-origin or CSP headaches.
• Fast — within ~1.0–1.4× of the WASM decoder on substantial meshes, and effectively at parity on the largest, with byte-for-byte identical output.

You trade decode speed for a much smaller, simpler loader. This pays off most on pages with a single model, where the decoder is a one-time cost that isn't amortized across many meshes — the model often displays sooner end-to-end because the network savings outweigh the extra decode time.

Status

Targets Draco bitstream version 2.2 — what current Draco encoders and glTF exporters produce. Older bitstreams ( scene.add( gltf.scene ) );

It can also load standalone `.drc` files:

```js
const geometry = await new DRACOLoader().loadAsync( 'model.drc' ); // BufferGeometry

Credits

• Decoder logic is a port of Google Draco (Apache-2.0); it mirrors the original C++ file structure.
• DRACOLoader.js follows the API of three.js's DRACOLoader (MIT) so it drops into GLTFLoader unchanged.