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

Question

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

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

Answer 1

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

考虑当两种类型的几何相交时你会得到什么类型的输出：

• 平面 * 平面 =>线 (1D)
• 平面 * 实体 =>平面 (2D)
• 实心 * 实心 =>实心（3D）

如果您想要一个平面作为输出，我建议您与一个非常薄的框相交，例如 2 x 2 x 0.01，而不是使用真正的 2D 平面。把它想象成千篇一律。

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