three.js - 剪辑（不渲染）立方体/盒子之外的任何东西，比如 Godus

Question

我一直在努力研究如何剪裁/不渲染任何落在框外的东西，就像 Godus 的工作原理一样（如下图：注意后面的剪裁）……</p>

最初，我尝试使用构造立体几何 (CSG) 来手动拆分和剪裁落在框边界上的每个对象。但是，这在计算上是非常密集的，并且对于我希望能够滚动并实时更新裁剪区域的系统来说是不可行的。

有没有办法以实时运行的方式实现这一点而无需修改对象，也许使用着色器或其他东西？我是着色器的新手，但仍然不太了解它们，无法知道如何自己实现它。

感谢您的帮助！

Answer 1

相机可以出柜吗？如果没有，只需在您想要的区域周围放置一个大立方体，并为其内面添加材料。

如果相机可以在盒子外面（这很奇怪，因为你可以透过网格的背面看到）你可能会尝试的一件事是使用顶点颜色使盒子外面的所有面都是相同的实体颜色作为背景。