Three.js加载压缩模型-Draco压缩（1.0）

在Three.js中加载Draco压缩的3D模型，你需要使用THREE.DRACOLoader。以下是一个加载Draco压缩模型的示例代码：

import * as THREE from 'three';
import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js';
 
// 创建场景、摄像机和渲染器
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
 
// 创建DRACOLoader
const dracoLoader = new DRACOLoader();
dracoLoader.setDecoderPath('path/to/draco/gltf/decoders/'); // 设置Decoder路径
dracoLoader.setDecoderConfig({ type: 'js' }); // 设置Decoder配置
dracoLoader.load('path/to/draco/compressed/model.drc', function (geometry) {
    geometry.center(); // 可选：将模型的中心设置为原点
 
    // 创建材质和网格
    const material = new THREE.MeshStandardMaterial({ color: 0xffffff });
    const mesh = new THREE.Mesh(geometry, material);
 
    // 将网格添加到场景
    scene.add(mesh);
 
    // 渲染循环
    function animate() {
        requestAnimationFrame(animate);
        renderer.render(scene, camera);
    }
    animate();
});

确保替换path/to/draco/gltf/decoders/和path/to/draco/compressed/model.drc为实际的Decoder路径和压缩模型文件路径。这段代码首先创建了Three.js场景、摄像机和渲染器，然后初始化DRACOLoader并加载Draco压缩的模型，最后将模型添加到场景中并启动渲染循环。