最近項(xiàng)目需要展示3d模型，然而模型文件體積過(guò)大(340M)，瀏覽器直接加載崩潰了。沒(méi)辦法只能研究如何壓縮模型，于是找到了google的draco壓縮算法，聽(tīng)說(shuō)壓縮度相當(dāng)高，那么肯定要試一試了。這里貼一下地址https://github.com/google/draco。
粗略的看了一下文檔，感覺(jué)也不復(fù)雜，先這樣然后這樣就完事了。。。然鵝第一步的安裝就折騰了幾個(gè)小時(shí)。。
我用的是mac，所以就寫(xiě)一下mac系統(tǒng)如何安裝吧。
1. 當(dāng)然是先把項(xiàng)目clone或者下載下來(lái)了
2. 進(jìn)入到下載的文件目錄
3. 新建一個(gè)文件夾，名稱(chēng)隨意 ?mkdir build
4. 進(jìn)入新建的文件夾，執(zhí)行 cmake .. -G Xcode，這里要用到cmake 和 Xcode 沒(méi)有的建議安裝一下。cmake用homebrew安裝即可，命令 brew install cmake。至于Xcode呢，主要是為了生成最后的可執(zhí)行文件。
5. 執(zhí)行上一步的命令后，會(huì)在build文件夾下生成一個(gè)draco.xcodeproj文件，這是一個(gè)xocde的項(xiàng)目文件。需要用xocde打開(kāi)。
6. 用xocde打開(kāi)draco.xcodeproj，點(diǎn)擊編譯，會(huì)在build文件夾下生成一個(gè)Debug目錄，里面就放著我們需要的兩個(gè)可執(zhí)行文件。
好不容易安裝好了，當(dāng)然要試一試壓縮效果了，拿出我的大模型，執(zhí)行以下命令
./draco_encoder -i testdata/test.obj -o out.drc
-i后面的是要壓縮的文件 -o后面是壓縮后的文件，按照你的實(shí)際目錄修改就行
壓縮效果如下：
不得不說(shuō)，這壓縮效率是相當(dāng)可觀呀。
最后想要展示drc文件的話(huà)，項(xiàng)目下有demo，可選擇你剛壓縮好的文件直接能看到效果。
把項(xiàng)目下的javascript文件夾放到服務(wù)器根目錄下打開(kāi)就可以了
