3D ASSET INSPECTOR / 本地渲染

GLB在线预览

Q: 为什么模型显示缺了一部分？

最常见原因是使用了 DRACO、Meshopt 或 KTX2 等压缩扩展，本页不解码这些扩展；也可能是材质为混合模式或图元不是三角形。体检报告的跳过项会逐条列出，用建模软件导出为未压缩 glTF 可解决大部分情况。

拿到 .glb / .gltf 不必先装建模软件：拖进来直接旋转、缩放、切换预设视角，同时得到一份模型体检报告——三角面、绘制顶点、材质、贴图、包围盒与扩展支持情况一目了然。多模型可排队对比，文件不上传。

—三角面

—网格

—材质

—贴图

◈ 原生 WebGL2 视口，不依赖外部 3D 引擎与联网请求
◈ 线框、坐标轴、网格地面、自动旋转与 PNG 截图
◈ 压缩扩展与解码失败项逐条列出，不做静默降级

模型装载台GLB · GLTF 2.0

拖入 .glb / .gltf 模型

可同时选 .bin 与贴图 · 单份 ≤ 40MB · 最多 6 个

示例含 2 个网格、2 种材质与 1 张内嵌贴图，可完整走一遍体检流程。

VIEWPORT 01尚未载入模型

模型队列0 个

场景节点树glTF scene

多模型对比绘制口径

模型	面数	顶点	材质	体积

左键旋转 · 滚轮缩放 · 右键平移

导入模型后在此渲染

WEBGL2 · 本地渲染

线框网格坐标轴自动旋转

🧊渲染口径与统计说明面数怎么算、哪些扩展不解码

支持哪些格式	支持 .glb（二进制 glTF 2.0）、.gltf（JSON，内嵌 data URI 或同批选择的 .bin / 贴图）。DRACO / KTX2 / Meshopt 等压缩扩展暂不解码，遇到时会在体检报告里明确列出。
渲染口径	使用原生 WebGL2 绘制，按 glTF 的 baseColorFactor / metallic / roughness 做简化光照，支持双面材质、基础色贴图与线框叠加；不是完整 PBR / 骨骼动画播放器。
面数怎么算	三角形数 = 有索引图元的索引数 ÷ 3，无索引时 = POSITION 顶点数 ÷ 3；顶点数按各图元 POSITION accessor 的 count 累加，重复引用会重复计入，属于「绘制口径」而非去重网格口径。
包围盒	读取 accessor 的 min/max 并叠加节点变换得到模型尺寸，用于自动取景。未声明 min/max 时页面会遍历顶点实时计算，结果写在体检报告里。
贴图来源	贴图可以来自 GLB 的 BIN 块（bufferView）、data URI 或同批上传的图片文件。页面按 MIME 用 createImageBitmap 解码，失败的贴图会被记为「跳过」而不是让整个模型加载失败。

这个工具解决什么问题

拿到 .glb / .gltf 却不想装建模软件？拖进来就能旋转、缩放、切换视角，同时拿到一份模型体检报告：节点、网格、三角面、顶点、材质、贴图、包围盒与扩展支持情况。支持多模型排队对比、线框与自动旋转、PNG 截图与 JSON 报告。

三条实用原则

先看三角面与贴图尺寸：移动端 AR 通常要控制面数与贴图分辨率，体检报告里这两项最先影响加载速度。
节点不等于网格：一个网格可被多个节点复用，统计里的「绘制顶点」会因此大于去重后的顶点数。
压缩扩展要标出来：用了 DRACO 的模型在不支持解码的环境里会缺面，上线前务必在扩展清单里确认。

按这几步用

导入模型：拖入 .glb / .gltf；.gltf 可同时选中配套 .bin 与贴图。也可点「生成示例模型」直接体验。
等待解析：页面解析 JSON / BIN 块、节点树、accessor 与材质，列出跳过的扩展与贴图。
查看视口：鼠标左键拖动旋转、滚轮缩放、右键拖动平移；用预设视角快速切到正视/俯视/侧视/等轴。
读体检报告：核对三角面、顶点、材质数、包围盒尺寸与文件体积，多模型可在对比表里横向比较。
调整显示：切换线框、坐标轴、网格地面、自动旋转与背景，找到适合截图的画面。
导出成果：保存 PNG 截图、下载 JSON 报告，或让 AI 按体检数据给一份减面与加载优化清单。

小提示

浏览器 WebGL 上下文数量有限；一次排队太多大模型会拖慢页面，建议逐个查看、截图后再切下一个。

更新记录

v1.0 2026-11-11 首次上线：GLB/GLTF 2.0 解析、原生 WebGL2 视口、轨道控制与四种预设视角、线框/坐标轴/网格/自动旋转、节点树与材质清单、面数与包围盒体检、多模型对比、PNG 截图、JSON 报告、内置示例模型、AI 模型体检建议（先过人机验证）。

常见问题

GLB 和 glTF 有什么区别？

glTF 2.0 通常是 JSON 描述文件加独立的 .bin 几何数据和贴图图片；GLB 把 JSON、二进制块与内嵌资源打包成单个二进制文件，便于传输。本页两种都支持，选择 .gltf 时把配套 .bin 与贴图一起拖进来即可。

为什么模型显示缺了一部分？

最常见原因是使用了 DRACO、Meshopt 或 KTX2 等压缩扩展，本页不解码这些扩展；也可能是材质为 MASK/BLEND 混合模式或图元不是三角形。体检报告的「跳过项」会逐条列出，用建模软件导出为未压缩 glTF 可解决大部分情况。

三角面数是怎么统计的？

有索引的图元用索引数量除以 3，无索引图元用 POSITION 顶点数除以 3，再按所有图元累加。顶点数按每个图元 POSITION accessor 的 count 累加，因此被多个节点复用的网格会重复计入，这是绘制口径而不是去重后的网格口径。

能播放骨骼动画吗？

暂不能。页面会读取并统计 animations 数量，但视口只渲染静态姿态，适合做模型验收、面数核对与截图。需要检查蒙皮动画请用建模软件或完整 glTF 播放器。

模型会上传到服务器吗？

不会。GLB 解析、贴图解码、WebGL 绘制与截图导出全部在浏览器本地完成，不经过服务器。AI 体检建议只发送文字版统计摘要，不发送模型文件。

可以一次对比多个模型吗？

支持。一次拖入多个 .glb / .gltf（最多 6 个）会进入模型队列，点队列条目切换视口，下方对比表按文件列出三角面、顶点、材质、贴图与体积，方便挑出最轻量的版本。

截图是透明背景吗？

默认带视口背景。可在显示设置里切换背景色（浅色 / 深色 / 渐变）后再截图，导出的 PNG 与当前视口一致，适合直接贴到评审文档里。

提示「无法创建 WebGL2 上下文」怎么办？

说明当前浏览器或显卡驱动未启用 WebGL2，常见于关闭硬件加速、远程桌面或老旧设备。模型解析与体检报告仍可正常使用，换用最新版 Chrome / Edge 并开启硬件加速后可恢复视口渲染。

💬 留言板 0

全部留言需审核通过后展示

💬

还没有留言，来抢沙发吧！