1. 概述

 1.1 格式定义

- GLB：glTF 二进制封装格式，将 JSON 描述、顶点/索引缓冲区、纹理贴图等所有资源打包为单个 .glb 文件，便于分发与嵌入，无外部依赖。

- GLTF（glTF 2.0）：基于 JSON 的文本格式，主文件为 .gltf，引用外部 .bin 缓冲区文件与贴图文件，便于编辑、调试与资源独立管理。

 1.2 转换目的

- 资源解耦：分离模型结构、几何数据与纹理，支持单独修改贴图或网格数据。

- 调试友好：JSON 可读，便于排查材质、动画、缓冲区引用错误。

- 流程适配：满足 Web 前端、3D 引擎、轻量化编辑工具对多文件 glTF 工作流的需求。

 1.3 适用人群

- 3D 开发工程师、WebGL/Three.js 开发者、图形学方向学生。

- 需要拆解、编辑 GLB 内部资源的技术人员。

 2. 格式原理对比（glTF 2.0）

 2.1 GLB 结构（二进制）

```

GLB File

├─ Header (12B: magic/version/length)

├─ Chunk 0: JSON（glTF 场景描述）

└─ Chunk 1: BIN（顶点、索引、动画等二进制数据）

→ 纹理可嵌入 BIN 或独立存储，整体为单文件

```

 2.2 GLTF 结构（多文件）

GLTF Workspace

├─ model.gltf    JSON：场景、材质、网格、节点、动画引用

├─ model.bin     二进制缓冲区：顶点/索引数据

└─ textures/      贴图目录（可选）

   ├─ baseColor.png

   └─ normal.png

→ 资源分离，JSON 仅存引用关系

 2.3 转换核心

将 GLB 内嵌的 JSON 与 BIN 块拆解为独立文件，并将嵌入纹理提取为外部图像文件，最终生成 `.gltf + .bin + 贴图` 的完整目录结构。

 3. 转换方法

 3.1 在线转换（推荐：迪威模型网）

 3.1.1 优势

- 零安装、跨平台：浏览器直接操作，支持 Windows/macOS/Linux。

- glTF 2.0 全兼容：完整保留 PBR 材质、Draco 压缩、骨骼动画、相机/灯光数据。

- 免费额度：每日 3 次免费转换，单文件≤50MB，支持批量上传。

- 自动资源拆解：一键生成 `.gltf + .bin + 纹理文件夹`，路径自动修正。

 3.1.2 操作步骤

1. 访问官网：[迪威模型网 - 3D 格式转换]

2. 上传文件：点击「上传文件」，选择本地 GLB（支持拖拽，批量≤20个）。

3. 格式选择：输出格式选 GLTF（.gltf），勾选「分离纹理/缓冲区」。

4. 开始转换：点击「转换」，等待 10s–2min（取决于文件大小）。

5. 下载结果：转换完成后，下载压缩包，解压得到完整 GLTF 目录。

 3.1.3 输出目录结构

output/

├─ model.gltf

├─ model.bin

└─ textures/

   ├─ tex_0.png

   └─ tex_1.jpg

3.2 命令行转换（gltf-pipeline）

 3.2.1 环境准备

安装 Node.js（≥v14），执行：

```bash

npm install -g gltf-pipeline

```

 3.2.2 基础转换命令

```bash

 GLB → GLTF（分离所有资源）

gltf-pipeline -i input.glb -o output.gltf --separate

```

 3.2.3 常用参数

- `--separate`：强制分离缓冲区（.bin）与纹理（图像文件）。

- `--draco.compressionLevel 7`：保留 Draco 压缩（若原 GLB 含压缩）。

- `--no-flip-v`：禁用 UV 垂直翻转（防止贴图倒置）。

 3.3 代码转换（Python 示例）

依赖 `aspose-3d`：

```bash

pip install aspose-3d

```

转换代码：

```python

import aspose.threed as a3d

 加载 GLB

scene=a3d.Scene.from_file("model.glb")

 保存为 GLTF（分离资源）

opt=a3d.GltfSaveOptions(a3d.FileFormat.GLTF2)

opt.separate_bin=True

opt.separate_textures=True

scene.save("output.gltf", opt)

```

 4. 关键技术要点

 4.1 材质与纹理处理

- PBR 材质兼容：glTF 2.0 标准材质为 `KHR_materials_pbrSpecularGlossiness` 与 `KHR_materialsStandard`，转换时自动映射，避免材质丢失。

- 纹理路径修正：GLB 内嵌纹理转为外部文件后，.gltf 中 `images.uri` 自动更新为相对路径（如 `textures/tex_0.png`）。

- 常见问题：若材质显示灰色，检查纹理文件是否缺失、路径是否含中文/空格、贴图格式是否为 PNG/JPG（不支持 WebP 等）。

 4.2 缓冲区（.bin）处理

- 数据完整性：顶点、索引、法线、UV、动画关键帧等数据无损提取至 .bin 文件，`bufferView` 与 `accessor` 引用自动绑定。

- Draco 压缩：原 GLB 含 Draco 压缩时，转换后保留压缩，需加载端支持 `KHR_draco_mesh_compression` 扩展。

 4.3 动画与骨骼

- 骨骼动画：关节层级、权重矩阵、动画曲线完整保留，`skins` 与 `animations` 节点正常生成。

- 关键帧动画：节点动画、相机动画、灯光动画均拆解为 glTF 标准动画通道。

 5. 验证与调试

 5.1 在线查看器（推荐）

- Three.js Editor：直接拖拽 .gltf 文件夹，验证模型、材质、动画是否正常。

- Babylon.js Sandbox：支持 glTF 2.0 全特性预览，排查灯光与渲染异常。

 5.2 本地校验

1. 检查目录结构：确认 `.gltf`、`.bin`、`textures` 文件夹齐全。

2. 打开 .gltf：搜索 `buffers[0].uri` 与 `images[0].uri`，验证路径是否正确。

3. 渲染测试：导入 Three.js/Unity/Unreal，检查材质、贴图、动画是否正常。

 6. 常见问题与解决方案

| 问题 | 原因 | 解决方案 |

||||

| 转换后无模型（空白） | .bin 文件缺失或路径错误 | 重新转换，勾选「分离缓冲区」；检查 .gltf 中 `buffers[0].uri` 路径 |

| 材质灰色/贴图不显示 | 纹理文件缺失、路径含中文/空格、格式不支持 | 重命名纹理为英文/数字；转为 PNG/JPG；重新上传转换 |

| 动画丢失 | 原 GLB 无动画或动画数据损坏 | 用 Blender 重新导出 GLB，勾选「动画」；转换时保留动画扩展 |

| 文件过大 | 纹理未压缩、冗余数据多 | 转换前压缩贴图（≤4K）；用 gltf-pipeline 移除冗余节点 |

 7. 总结

- GLB→GLTF 核心：二进制包拆解为 JSON+bin+纹理的多文件结构，无损保留 glTF 2.0 全特性。

- 推荐方案：迪威模型网 适合快速、批量转换，零配置、高兼容；命令行/代码适合集成到自动化流程。

- 关键注意点：确保纹理路径正确、材质符合 glTF 标准、动画扩展完整，转换后务必通过查看器验证。

要不要我把这份文档整理成一份可直接使用的 GLB→GLTF 转换检查清单（含预检查、转换参数、验证步骤与常见错误速查）？