three.js中使用three-csg-ts 进行模型相减

CSG.js 是一个开源的库，用于在JavaScript中进行三维实体建模，主要通过计算三维形状的布尔运算来实现。CSG 代表 Constructive Solid Geometry，它是一种用于描述三维物体的数学方法，通过组合简单的几何形状（如立方体、球体、圆柱体等）来构建更复杂的三维模型。

在CSG.js中，subtract 方法用于执行布尔减法运算。它通过从一个三维形状中减去另一个形状来创建新的形状。具体来说，它会将第一个参数（被减去的形状）从第二个参数（减去的形状）中减去，生成差集。

例如，假设有两个形状：一个球体和一个立方体。使用 subtract 方法可以将球体从立方体中减去，创建一个立方体内部有空洞的新形状。

CSG.js 中还有其他几个重要的布尔运算方法，包括：

1. union：合并运算，它将两个形状合并成一个形状。
2. intersect：交集运算，它只保留两个形状共有的部分。
3. difference：差集运算，它是 subtract 的另一种说法，用于从一个形状中减去另一个形状。

这些方法可以组合使用，以创建复杂的三维模型。CSG.js 通常会提供这些方法的高级接口，让用户可以很容易地定义和操作三维模型。

此次需求使用的就是差集运算，求出两个模型的差一部分进行对比。我使用的three的版本是155的，因此直接尝试下载 three-csg-ts进行使用。用到了CSG.fromMesh  和CSG.toGeometry 以及差集运算subtract。

首先加载STL模型，加载的时候声明一个loder，若是两个相减，就必须是一个套着一个才能同时获取geometry1和 geometry2，才能够 声明网格mesh,使用CSG.fromMesh 得到两个值，使用差集运算得到difference，然后用CSG.toGeometry将得到的结果转化为要展示的geometry和材质一起生成一个新的mesh 最后添加到scene，就会得到两个模型的差异部分。

注意：CSG.toGeometry(difference,new THREE.Matrix4());  使用这个的时候会报错缺少Matrix4()，因此就添加了一个这个。最后展示才不会报错，具体原因不得而知。