Three.js-在静态2D图像上视觉上正确的3D渲染

Question

我正在尝试在three.js中在静态2D矩形图像的顶部创建可移动的3D视图。一切正常，但是我希望垂直“切除”上边缘的建筑物，以便在视觉上正确放置在静态地面矩形的顶部。以下是一些说明问题的图片：

所需的外观（只有建筑物的顶部在边缘上）

外观错误（建筑物底部漂浮在边缘）

所以我想要某种可以在顶部边缘垂直切开对象的剪切，但是我不确定最好的方法是什么，我尝试了平截头剔除并将场景放置在立方体内，但是两者这些并没有真正起作用。

如果不可能的话，下一个最好的解决方案可能是完全消除触摸边缘的对象，或者您怎么看？

Answer 1

我想通了，显然我想要的是“裁剪平面”，并且three.js本机支持这些。抱歉，这个措辞有些混乱。