BIN模型转GLB工具 - 在线Three.js模型转换与查看器
BIN 模型转换与查看器
在线转换 Three.js Binary 模型为 GLB 格式,支持 BIN 模型和 glTF/GLB 模型的在线 3D 查看
使用说明
BIN 模型由 .json 元数据文件和 .bin 二进制几何数据文件组成,可附加纹理文件。工具支持将 BIN 模型转换为标准 GLB 格式,以及在线预览 BIN 和 glTF/GLB 模型。所有转换和渲染均在浏览器本地完成,不上传服务器。
上传 BIN 模型文件
点击或拖拽 .json 文件到此处
点击或拖拽 .bin 文件到此处
点击或拖拽纹理文件到此处
支持 .jpg, .png 格式
格式说明
BIN 模型是旧版 Three.js(r90 及更早版本)的 BinaryLoader 格式,由两个文件组成:
- .json 文件:模型元数据,包含材质、纹理、拓扑信息
- .bin 文件:二进制几何数据,包含顶点、法线、UV 坐标
GLB(GL Transmission Format Binary)是 Khronos Group 制定的 3D 模型标准格式, 将几何数据、材质、纹理打包在单个二进制文件中,是现代 Web 3D 的标准格式。
转换特性
- 支持将旧版 BIN 模型转换为现代 GLB 格式
- 正确处理多材质几何体,保留顶点索引
- 支持纹理文件(漫反射贴图、Alpha 贴图)
- 自动合并 Alpha 贴图到漫反射贴图的透明通道
- 归一化法线向量,修复 GLTFExporter 警告
- 使用旧版 Three.js(r90)加载 BIN 模型,兼容新旧版本
查看器功能
- 支持 BIN 模型和 glTF/GLB 模型的在线 3D 查看
- 轨道控制器:左键旋转、滚轮缩放、右键平移
- 显示模型统计信息(顶点数、三角形数、材质数、纹理信息)
- 自动居中模型并调整相机位置
- 支持阴影渲染和双面材质
注意:新版 Three.js(r125+)已移除 BinaryLoader 和旧版 Geometry API。 本工具使用旧版 Three.js(r90)加载 BIN 模型,确保兼容性。