gltf與glb格式轉(zhuǎn)換

• • 1. [gltf-pipeline](https://github.com/seminar2012/gltf-pipeline)
  • 2. [binary-gltf-utils](https://github.com/seminar2012/binary-gltf-utils)
  • 3. [obj23dtiles](https://github.com/PrincessGod/objTo3d-tiles)
  • 4. gltf.json與.glb對比
  • 參考

.gltf： Graphics Language Transmission Format（圖形語言傳輸格式），本質(zhì)是JSON文件，表示3D內(nèi)容的場景，可以想象成3D圖片；是一種3D的標(biāo)準(zhǔn)格式；

.glb： Graphics Lanuage binary，二進(jìn)制的gltf文件；

1. gltf-pipeline

缺少啥model，使用npm install model_name

npm install fs-extra

• -o 輸出文件名
• -b 輸出glb，默認(rèn)同路徑下 name-processed.glt
• -d draco壓縮，使用默認(rèn)參數(shù)

node gltf-pipeline.js -i D:\learn1\gltf\outputGLTF\9\9.gltf -b

node gltf-pipeline.js -i D:\learn1\gltf\outputGLTF\9\9.gltf -o D:\learn1\gltf\outputGLTF\9\9_d.gltf -d

2. binary-gltf-utils

3. obj23dtiles

obj2glb
obj2gltf

4. gltf.json與.glb對比

glb實(shí)質(zhì)上是gltf.json+圖片等資源打包后的二進(jìn)制文件；

無圖片情況glb會(huì)減少10%~40%左右；有圖片情況下glb比gltf.json大至少1倍以上；

gltf轉(zhuǎn)換glb，實(shí)質(zhì)上是把gltf依賴的圖片等全打包放進(jìn)了glb中，所以對于沒有照片的gltf基本會(huì)變小，依賴過多照片的其文件會(huì)變大；

使用Windows自帶的 3DViewer渲染可以看的出來，gltf.json+依賴圖片作為靜態(tài)資源在同一個(gè)目錄才可渲染，而glb可直接渲染；

glb無論放在哪個(gè)目錄單獨(dú)要給文件就可以渲染；

總體來說，gltf轉(zhuǎn)換glb后，其文件大小有的變小（紅色），有的變大（藍(lán)色）。

使用Draco壓縮算法回使生成的glb文件變小一點(diǎn)，尤其對于有頂點(diǎn)數(shù)據(jù)的gltf；

參考

• https://juejin.cn/post/6931954784018628621

• glTF-glb格式互相轉(zhuǎn)換

總結(jié)

以上是生活随笔為你收集整理的gltf与glb格式转换 gltf-pipeline、binary-gltf-utils的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。