9、Three.js實現(xiàn)Draco壓縮模型和加載模型
1、three.js實現(xiàn)Draco壓縮模型
注意問題:(1)有很多壓縮工具對Draco壓縮算法進行了封裝,這里使用pipeline調(diào)用Draco壓縮glb模型。
(2)gltf-pipeline是一個gltf/glb模型的nodejs類庫,使用此類庫能夠?qū)ltf模型做進一步的處理,處理完成的gltf/glb模型,一般是將貼圖文件包含到模型內(nèi)容中。
(3)gltf-pipeline官方文檔:https://npmmirror.com/package/gltf-pipeline
(4)對fbx模型使用draco壓縮,需要先轉化為glb模型。(建議使用blender完成,不要使用是其他的工具,效果不好)
1、gltf-pipeline壓縮模型詳細步驟
文檔地址:https://juejin.cn/post/7131028565335736356
注意問題:不帶d的壓縮效果比較少。帶d的可以實現(xiàn)比較好的效果。
首先在桌面創(chuàng)建一個文件夾yasuo——》接著使用cmd打開文件夾,在輸入npm install -g gltf-pipeline——》然后使用將模型文件放大壓縮文件夾中——》用gltf-pipeline -i test.glb -o test-pipeline.glb -d進行壓縮模型——》
2、Three.js加載經(jīng)過Draco壓縮的模型
創(chuàng)建admin15.html,然后編寫代碼——》
注意問題:在examples里面創(chuàng)建static文件夾,里面的內(nèi)容從examples\jsm\libs\draco\gltf里面復制。

標簽: