[ThreeJS] 載入壓縮過 GLTF 檔

原始碼

1. /* 解壓縮 lib 載入器 
2. * https://threejs.org/docs/#examples/en/loaders/DRACOLoader 
3. * https://google.github.io/draco/ 
4. */ 
5. const dracoLoader = new THREE.DRACOLoader(); 
6.  
7. /* 指定解壓器的位置 */ 
8. dracoLoader.setDecoderPath('../Scripts/three.145/libs/draco/'); 
9.  
10.  
11. /* GLTF 載入器 */ 
12. const gltfLoader = new THREE.GLTFLoader(); 
13. gltfLoader.setDRACOLoader(dracoLoader); 
14.  
15. /* 載入模型 */ 
16. gltfLoader.load('Model.glb', function (gltf) { 
17.    const model = gltf.scene; 
18.    scene.add(model); 
19. }); 

/* 解壓縮 lib 載入器
 * https://threejs.org/docs/#examples/en/loaders/DRACOLoader
 * https://google.github.io/draco/
 */
const dracoLoader = new THREE.DRACOLoader();

/* 指定解壓器的位置 */
dracoLoader.setDecoderPath('../Scripts/three.145/libs/draco/');


/* GLTF 載入器 */
const gltfLoader = new THREE.GLTFLoader();
gltfLoader.setDRACOLoader(dracoLoader);

/* 載入模型 */
gltfLoader.load('Model.glb', function (gltf) {
    const model = gltf.scene;
    scene.add(model);
});