javascript - Three.js 2D CSG - 相交，联合，减去

Question

我将 csg.js 与 three.js 一起使用，它似乎只支持 3D CSG。查看 this

我想交叉和联合 2D (three.js) 几何体。有什么办法可以用 three.js 做 2D CSG 吗？

Answer 1

您必须考虑的是平面无限薄。因此，当 2 个平面相交时，您将得到一条一维线，该线没有要渲染的面。如果您使用带有实体的 2D 平面，它可能仍然无法工作，因为其中一个输入不是实体，并且插件名称表明它适用于实体。

考虑当两种类型的几何相交时您将获得什么类型的输出:

• 平面 * 平面 => line (1D)
• 平面 * 实体 => plane (2D)
• 实心 * 实心 => solid (3D)

如果您想要一个平面作为输出，我建议您与一个非常薄的框相交，例如 2 x 2 x 0.01，而不是使用真正的 2D 平面。将其视为 cookie-cutter .

此外，请确保您使用的是流形几何体，而不是非流形几何体，您可以在此处阅读:https://blender.stackexchange.com/questions/7910/what-is-non-manifold-geometry