glTF Viewer

glTF / GLB 在线查看器

上线前看 PBR、透明、动画、是不是倒着站。GLB 是单文件;glTF 要带齐 bin 和贴图。

glTF 在线查看器

两种交付

GLB

一颗文件,几何、贴图、动画全在里面。给客户、给 CDN、给小程序都用它。

glTF + bin + 图

开发调试用,JSON 能直接读。漏一个文件就粉或空,别拿它交付。

压缩后的 GLB

Draco / Meshopt 压几何,KTX2 压贴图。压完仍用本页看观感,确认没有量化裂缝。

glTF 是网页三维的通用格式

glTF 由 Khronos 制定,被称为"三维的 JPEG":开放标准、二进制紧凑、浏览器原生渲染、材质用统一的 PBR 描述。Three.js、Babylon.js、微信小程序、各家 AR 平台都直接支持。工程模型上网页、电商产品三维展示、数字孪生场景,最终交付几乎都是 GLB。

和 FBX、OBJ 相比,glTF 把该在文件里的都放进了文件里:单位固定为米、轴向固定 Y 向上、材质自带金属度粗糙度贴图。所以读取时不需要猜,也不会因为软件不同而变样。

上线前用查看器过一遍:转几圈看透明和法线,播放动画看有没有卡顿,看面数和体积判断要不要压缩。这些在浏览器里几秒就能确认,比部署后再改省事。

上线前对照

检查项合格线不合格怎么办
文件体积桌面 ≤ 30 MB,手机 ≤ 10 MB网格压缩 Draco / Meshopt
三角面数手机 ≤ 50 万减面后重导,或分 LOD
贴图尺寸≤ 2048×2048KTX2 压缩或降分辨率
朝向Y 向上、正面朝 +Z导出软件勾轴向转换
材质PBR 金属粗糙度老 Phong 材质在导出前转 PBR

接着看这些页