谷歌開發的draco格式文件將obj文件壓縮成drc文件后將大大減小文件大小（threejs加載有mtl文件的drc文件）

問題描述：當前threejs是92版本 但是當前版本還沒有能夠直接加載帶貼圖文件的drc格式的loader；

解決辦法：先加載mtl文件將obj文件分解（按照mtl文件內材質貼圖信息進行分解）再將分解的obj文件轉成drc全部加載一遍就能解決貼圖的辦法 ；

代碼：

 THREE.Loader.Handlers.add( /\.dds$/i, new THREE.DDSLoader() );
        var modelObject = new THREE.Object3D();
        var loadNum = 0;
        var mtlLoader = new THREE.MTLLoader();
//        new THREE.MTLLoader()
        mtlLoader.setPath( '__PUBLIC__/wap/dracoModel/0518xialian/' );
        mtlLoader.load( 'cs.mtl', function ( materials ) {
                materials.preload();
                new THREE.OBJLoader()
                    .setMaterials( materials )
                    .setPath( '__PUBLIC__/wap/dracoModel/0518xialian/' )
                    .load( 'cs.obj', function ( object ) {

//                        object.position.x = -0.55;
//                        object.position.y = -0;
//                        object.position.z = 1.1;
                        object.scale.x = 0.0005;
                        object.scale.y = 0.0005;
                        object.scale.z = 0.0005;
                        scene.add( object );

                    }, onProgress, onError );

//        dracoLoader.load( '__PUBLIC__/wap/images/bunny.drc', function ( geometry ) {

//                    dracoLoader.load( '__PUBLIC__/wap/dracoModel/9015/1.drc', function ( geometry ) {
//                        geometry.computeVertexNormals();
//                        var material = new THREE.MeshStandardMaterial( { vertexColors: THREE.VertexColors } );
//                        var mesh = new THREE.Mesh( geometry, material );
//                        mesh.castShadow = true;
//                        mesh.receiveShadow = true;
////            mesh.position.x = -10;
////            mesh.position.y = -5;
////            mesh.position.z = -10;
//                        mesh.scale.x = 0.005;
//                        mesh.scale.y = 0.005;
//                        mesh.scale.z = 0.005;
//                        scene.add( mesh );
//
//                        // Release decoder resources.
//                        THREE.DRACOLoader.releaseDecoderModule();
//
//                    } );


            //將素材加載到場景中回掉函數
            var loaderCallback = function(geometry) {

                var material = null;
//                console.log(loadNum);
                if(loadNum === drcNameArray.length-1){
                    scene.add(modelObject);
                }else{
                    geometry.computeVertexNormals();
                    var midName = drcNameArray[loadNum].split('.')[1];
//                    midName = midName.slice(0,2);
                     material = materials.materials[midName];
                     console.log(midName);
//                     console.log(drcNameArray[loadNum].split('.')[1]);
//                     console.log(materials.materials);
                    var mesh = new THREE.Mesh( geometry, material );
                    mesh.castShadow = true;
                    mesh.receiveShadow = true;
                    mesh.scale.x = 0.0003;
                    mesh.scale.y = 0.0003;
                    mesh.scale.z = 0.0003;
//                        // Release decoder resources.
//                        THREE.DRACOLoader.releaseDecoderModule();
                    modelObject.add(mesh);
                    loadNum++;
//                    console.log(loadNum)
                    dracoLoader.load("__PUBLIC__/wap/dracoModel/hongpei01/drc/" + [drcNameArray[loadNum]],loaderCallback,function(){});
                }
                // item.halfSize = getObjectHalfSize(modelObject);

            };
//            dracoLoader.load("__PUBLIC__/wap/dracoModel/hongpei01/drc/" + drcNameArray[0],loaderCallback,function(){});
            //將素材加載到場景中回掉函數end
            } );

描述：目前我們是這么解決的；