Three.js模型导入实战：从3dmax/SketchUp到JSON的完整工作流解析

1. 为什么选择JSON格式导入Three.js

在Three.js的3D模型导入方案中，glTF虽然是官方推荐格式，但JSON格式在实际项目中依然有其独特的优势。我第一次接触Three.js时，发现JSON格式最大的特点是结构透明，打开文件就能直观看到所有模型数据。这对于调试和快速验证特别有帮助，尤其是当你需要检查材质参数或几何体顶点数据时。

JSON格式本质上是一个纯文本文件，包含四个核心部分：

• metadata：记录模型版本、生成工具等元信息
• geometries：存储所有几何体数据的数组
• materials：定义材质属性的数组
• object：描述场景层级结构和引用关系

举个例子，当我在3dmax中设计了一个建筑模型，导出为JSON后可以直接用文本编辑器查看所有墙面尺寸参数。这种可读性是二进制格式无法比拟的。不过要注意，JSON文件体积通常比glTF大30%-50%，适合中小型模型。

2. 3dmax模型导出全流程

2.1 前期模型检查

在导出前必须做好三件事：首先确保模型三角面化（3dmax的TurboSmooth修改器要关闭），其次检查UV贴图坐标是否正确展开，最后删除所有隐藏物体。我曾在导出后才发现漏了这一步，导致场景里出现一堆看不见但占资源的模型。

2.2 使用官方转换工具

3dmax自带的导出器并不直接支持Three.js JSON格式，需要通过以下步骤转换：

1. 安装Three.js官方提供的3dmax插件
2. 在导出对话框中选择"Autodesk FBX"格式
3. 使用Three.js的convert.js脚本转换：

node convert.js model.fbx model.json
<