DEV Community

Cover image for How to Compress .glb File to Draco Compressed Format
ANDGOEDU
ANDGOEDU

Posted on

4 1 1

How to Compress .glb File to Draco Compressed Format

Steps

  1. Compress GLB File to Draco Compressed Format Using optimizeglb.com

  2. View Compressed Draco Files at 3dpea.com

  3. Add Relevant Code to ThreeJS

import { GLTFLoader } from 'https://cdn.skypack.dev/three@0.136.0/examples/jsm/loaders/GLTFLoader.js';
import { DRACOLoader } from 'https://cdn.skypack.dev/three@0.136.0/examples/jsm/loaders/DRACOLoader.js';

const draco = new DRACOLoader();
draco.setDecoderPath('https://www.gstatic.com/draco/v1/decoders/');

const loader = new GLTFLoader(); // ADD DracoLoader to your Existing Loader 
loader.setDRACOLoader(draco);
Enter fullscreen mode Exit fullscreen mode
  1. Replace Your Current 3D GLB File with Compressed Draco Format

  2. Enjoy 90% Less in terms of The 3D File Size.

References

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more