有没有一种方法可以限制使用THREE.js裁剪的模型的某些部分？

Question

我刚刚开始使用Three.js，但遇到了一些问题，我有一个3d对象，正在使用局部剪切平面进行一定程度的成形。

但是，由于3d对象是“空心”的，因此仅渲染了外表面，当剪切某些内容时，我们可以看到形状并看到形状的背面。 例如，您可以在试管https://i.imgur.com/akk7Ist.png

中看到

我想填补这些漏洞。基于此问题，似乎最好的方法是在修剪区域上创建一个表面，从而覆盖孔并使对象看起来像不是空心的。但是我不确定该怎么做。

这只是使用示例https://threejs.org/examples/中的基本代码。

我想要实现的https://i.stack.imgur.com/rmb50.png

Answer 1

它不会像使用gpu剪切平面那样快，但是它将带给您实际的几何图形。

您可以尝试使用我最近修复的CSG库：

https://github.com/manthrax/THREE-CSGMesh

建议。