Three.js加载solidworks模型

Three.js加载solidworks模型

欢迎关注我的个人技术博客

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

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

如果你想知道Three.js如何在网页上加载解析显示SolidWorks绘制的三维模型，首先你要先去了解下Three.js加载通用格式三维模型的知识，具体可以参考本站发布的Three.js视频教程第14章。

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文件上传网站平台就可以。