How do I add Draco compression to my glTF files?

Use the draco_transcoder command-line tool included in Draco, which compresses meshes in glTF/GLB files with options like -qp for quantization settings. It's integrated into pipelines like glTF-Pipeline for automated workflows.

Draco or MeshOpt for Three.js projects?

Draco is more established with broader support in glTF and web frameworks like Three.js, offering higher compression ratios for complex meshes. MeshOpt may decode faster for simple meshes, so test based on your specific asset types.

Can I use Draco without the GStatic CDN?

Yes, you can self-host decoder files by building from source or using the npm package, but this requires managing versions and updates manually, as highlighted in the README's warnings about caching issues.

What quantization settings should I use for good quality?

Defaults like 11 bits for positions balance size and quality; increase bits (e.g., 14) for higher fidelity or decrease for more compression. The README notes most projects use ~11 bits without noticeable quality loss.

How to decode Draco files in a Node.js backend?

Use the draco3d npm package which provides Node.js bindings, allowing server-side decoding without browser dependencies. Follow the npm folder documentation for setup and API usage.

Does Draco support compressing 3D animations?

Partial support exists via Draco Animation code added in v1.3.4, but it's less mature than mesh compression and may require custom integration, with limited examples compared to mesh workflows.

Open-Awesome

Draco

Apache-2.0C++1.5.7

A library for compressing and decompressing 3D geometric meshes and point clouds to improve storage and transmission.

Visit Website GitHub

7.4k stars1.1k forks0 contributors

What is Draco?

Draco is a library developed by Google for compressing and decompressing 3D geometric meshes and point clouds. It addresses the challenge of large 3D data sizes by providing efficient lossy compression, enabling faster transmission and reduced storage requirements for applications like web-based 3D graphics, VR, and AR.

Target Audience

Developers and engineers working with 3D graphics in web applications, game engines, VR/AR experiences, or any project requiring efficient storage and streaming of 3D mesh and point cloud data.

Value Proposition

Developers choose Draco for its high compression efficiency, speed-optimized decoding, and seamless integration with web technologies through JavaScript and WASM, making it a standard for 3D compression in formats like glTF.

Overview

Draco is a library for compressing and decompressing 3D geometric meshes and point clouds. It is intended to improve the storage and transmission of 3D graphics.

Use Cases

Best For

Compressing 3D models for web-based visualization with Three.js or WebGL
Reducing bandwidth usage for streaming VR and AR scenes
Optimizing glTF assets for faster loading in real-time applications
Storing large point cloud datasets efficiently
Integrating 3D mesh compression into Unity or Maya pipelines
Improving performance of browser-based 3D graphics with pre-built WASM decoders

Not Ideal For

Applications requiring lossless 3D geometry compression for precision-critical fields like CAD or medical imaging.
Real-time client-side encoding scenarios where low latency is paramount, as Draco's encoding is computationally intensive.
Offline-first projects that cannot depend on external CDNs for decoder files, without self-hosting and version management.
Workflows heavily reliant on 3D formats not natively supported, such as FBX, without additional conversion steps.

Pros & Cons

Pros

Web-Optimized Performance

WASM decoders provide ~200% speed improvements in v1.4.0 and are hosted on GStatic for easy browser integration, reducing load times for web 3D graphics.

Flexible Attribute Compression

Supports compression of positions, normals, colors, and generic attributes with configurable quantization per attribute, allowing tailored balance between size and quality.

GlTF and Industry Integration

Seamlessly works with glTF assets via the draco_transcoder tool and has plugins for Unity and Maya, aligning with standard 3D pipelines and ecosystems.

Cross-Platform Decoding

Offers C++ source code, command-line tools, and JavaScript/WASM decoders, enabling use from desktop applications to web and mobile environments.

Cons

GStatic Cache Propagation Issues

The README warns of transient errors from edge caching delays during new releases, forcing reliance on versioned URLs and complicating updates.

Breaking CMake Changes

Version 1.5.0 introduced renamed configuration variables (e.g., DRACO_GLTF to DRACO_GLTF_BITSTREAM) that can break existing build setups without manual adjustments.

Limited Real-Time Encoding Support

Encoding is slower and resource-intensive, making it impractical for client-side encoding in interactive applications where low latency is critical.

Frequently Asked Questions

Related Projects

GitHub repository

Open3D: A Modern Library for 3D Data Processing

OpenMMLab's next-generation platform for general 3D object detection.

Stars6,486

Forks1,784

Last commit2 years ago

OpenPCDet

OpenPCDet Toolbox for LiDAR-based 3D Object Detection.

Stars5,660

Forks1,461

Last commit9 months ago

PCDet