如何标记通过其他几何图形的几何图形区域？

Question

想象一下，您有一个区域，并且在其上方的某个位置放了一个镜头/眼睛。我想在该区域上标记出什么镜片/眼睛可以看到的东西（它将使该区域黯然失色）。我已经做的是这样的：

交互式示例在JSFIDDLE上可用。在此示例中，您可以看到镜头指向区域中心。

有什么办法可以在此区域上用一些边框甚至不同的背景标记该椭圆？我试图修剪圆锥，但无法填充修剪的圆锥区域（里面是空的）。有什么线索可以实现吗？

我的两个元素都是THREE.Mesh，面积是THREE.BoxGeometry，圆锥体只是THREE.ConeGeometry（都使用THREE.MeshPhongMaterial材质）。

Answer 1

尝试与material.depthFunc = THREE.EqualDepth一起玩耍，以得到一个圆锥体，圆锥体和平面的深度彼此相等...

.depthFunc = THREE.GreaterDepth仅在平面后面绘制圆锥的部分。 .depthFunc = THREE.LessDepth仅在平面的前面绘制圆锥的部分。