Three.js 加载 solidworks 模型

Question

如果你是机械领域工程师，或者是开发与机械领域相关 Web3D 应用的程序员，为了实现 solidworks 软件绘制的三维模型能够在网页上进行预览，你想通过 Three.js 引擎加载解析 solidworks 软件绘制的三维模型，技术上肯定是可行的，至于如果去实现，那要看你的应用场景来定，应用场景不同，需要采用的技术肯定不同。

一种应用场景就是加载有限数量个 solidworks 三维模型，在网页上进行简单展示。一种应用场景是开发一个平台，比如希望 SolidWorks 工程师把自己的模型上传到你的平台，可以直接显示，这种情况自然需要批量加载解析无限数量的 SolidWorks 三维模型。

如果你想知道 Three.js 如何在网页上加载解析显示SolidWorks绘制的三维模型，首先你要先去了解下 Three.js 加载通用格式三维模型的知识。

Three.js 支持格式

Three.js 目前支持的格式一般是常见的通用格式，比如 stl、ply、FBX、GLTF、dae 等格式，你想知道需要通过 Threejs 引擎加载解析的格式 Three.js 是否支持，你可以查看 \examples\js\loaders 目录下的所有加载器文件。

如果在 \examples\js\loaders 目录下可以找到你你想加载模型格式对应的加载器js文件，可以直接使用，比如加载obj模型文件的加载器OBJLoader.js。如果你要加载的三维模型格式在 \examples\js\loaders 目录下找不到相应的加载器文件，一般来说只能根据三维模型对应格式的标准，自己编写该格式三维模型文件的加载器，如果能找到开源的加载器自然也可以。

solidworks 导出

通过 solidworks 可以导出stl格式模型，不过这样的话会丢失模型的层级信息，材质的颜色贴图等信息。

solidworks一般不方便直接导出obj、FBX等Three.js引擎可以直接加载的三维模型格式。

如果想通过solidworks导出obj、FBX等格式，可以安装一个3dmax三维建安软件，可以直接通过3dmax软件打开solidworks创建的零件文件、装配体文件，然后通过3dmax导出你想要的文件格式。也可以通过solidworks软件另存为三维模型为igs或stp格式，然后导出到3D美术常用的3dmax、maya、Blender等软件中打开，然后导出fbx、GLTF等格式。

如果是solidworks2019及其以上版本，可以直接导出Three.js可以直接加载解析的常用格式.GLTF。

solidworks 模型 Web 平台

如果仅仅是展示一个 solidworks 的模型，可以通过3dmax等软件导出fbx等格式实现，如果你想搭建一个Web3D平台，每个solidworks机械工程师可以很方便往平台上传solidworks文件，不需要折腾一大圈，可能就需要你自顶一个加载器。

最方便的方式就是你写一个能够解析 solidworks 自身文件格式的加载器，然后直接解析solidworks的零件或装配体文件，这种方式对于solidworks工程师来说很方便，但是对于程序员来说实现难度还是非常高的。

也可以写一个 stp 或 igs 格式的加载器，然后 solidworks 工程师直接通过solidworks软件另存为一个stp或igs格式文件上传平台就可以。

很多工程师现在使用的 solidworks 版本一般都是 2019 以下，如果你仅仅考虑solidworks2019版本及其以后版本的用户，可以不用程序员自定义加载器，可以直接让solidworks工程师另存为一个GLTF文件上传网站平台就可以。