WebGL（ThreeJS）加载乐高Ldraw模型案例

在ThreeJS就有加载乐高Ldraw的例子，上面是加载MPD文件，相当于当所有的dat模型都集成到同一个文件里：

可以看到官方的例子里已经将加载模型的方法都共享出来了。

并且还有了模型的步骤展示功能：

于是我将上面的例子抽取出来，并且做了二次开发。

二次开发的内容主要有：

1.修改模型按步骤播放，增加播放单个零件的掉落动画。

2.优化模型的加载速度，相同类型的模型不用做重复的加载，通过克隆模型的方式，大大减少了重复加载，提升加载速度。

3.结合VUE开发，使用package打包出来再运行，速度会大大提升。

4.增加每个步骤的零件数量统计（在上方显示）。

5.可查看单个零件。

6.上一步、下一步功能，及播放步骤进度条。

整体效果如下：

 单个零件查看

 有需要的可下载工程学习使用，下载地址：

https://download.csdn.net/download/Highning0007/87337589

使用方法

1. 在工程要目录下运行npm install

2.然后npm run dev启动项目。