From c672e82274a4a4b87785c8bbeba44d1860dd13ea Mon Sep 17 00:00:00 2001
From: "Mr.doob" <info@mrdoob.com>
Date: Thu, 13 Nov 2025 16:17:13 +0900
Subject: [PATCH] Viewer: Added DRACO and KTX2 support.

---
 example/viewer.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/example/viewer.js b/example/viewer.js
index 5ac4321e..38bba915 100644
--- a/example/viewer.js
+++ b/example/viewer.js
@@ -10,6 +10,8 @@ import {
 	LoadingManager,
 } from 'three';
 import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
+import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js';
+import { KTX2Loader } from 'three/examples/jsm/loaders/KTX2Loader.js';
 import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
 import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader.js';
 import { getScaledSettings } from './utils/getScaledSettings.js';
@@ -132,7 +134,16 @@ async function init() {
 			const loadingManager = new LoadingManager();
 			loadingManager.setURLModifier( url => fileMap.get( url.split( '/' ).pop() ) || url );
 
+			const dracoLoader = new DRACOLoader();
+			dracoLoader.setDecoderPath( 'https://www.gstatic.com/draco/versioned/decoders/1.5.7/' );
+
+			const ktx2Loader = new KTX2Loader();
+			ktx2Loader.setTranscoderPath( 'https://cdn.jsdelivr.net/npm/three@0.181.1/examples/jsm/libs/basis/' );
+			ktx2Loader.detectSupport( renderer );
+
 			const loader = new GLTFLoader( loadingManager );
+			loader.setDRACOLoader( dracoLoader );
+			loader.setKTX2Loader( ktx2Loader );
 			const onLoad = gltf => {
 
 				modelContainer.clear();