如何隐藏从其他（复杂）3D 对象背面伸出的 3D 对象部分？

Question

我正在使用 Three.js（髂骨）渲染一个复杂的 3D 网格。然后我渲染一些简单的球体和这个网格来标记表面上的某些点（肌肉会附着的地方）：

              

问题是，网格在某些区域非常薄，标记会从背面伸出。

假设标记坐标总是更接近网格的正面而不是背面，并且球体在网格正面的表面积/体积总是比背面多：

如何在不手动干预特定标记的情况下隐藏从背面突出的部分？

编辑：这是一种（天真的？）我可以做到的方式。我想就这个想法的可行性提供反馈，以及（一些编写指针）实际代码：

• 对于每个标记球体：
  • 找到与球体相交的所有网格面
  • 计算这些面的所有向外的法线向量（顶点法线？面法线？）
  • 计算从面中心到球体中心的所有距离
  • 将所有这些法向量相加，按各自的距离加权
  • 给定（归一化？）结果向量，隐藏指向该方向的半球

我不确定如何编写这些步骤。我也不确定这是否是一种明智的做法。

Answer 1

绘制半球而不是完整的球体。 使用SphereGeometry构造函数的phiStart和phiLength参数。

球体的中心仍将位于骨骼的表面（一个顶点）。

一个球体的方向将由在球体原点计算的normal 给出。

Three.js 已经计算了网格的法线，以确定光线从网格中反射的方式。您可以使用 VertexNormalsHelper 显示网格的法线：

var bone = ...; // bone mesh
var scene = ...; //your THREE.Scene
scene.add(new THREE.VertexNormalsHelper(bone));

VertexNormalsHelper的源代码可以在这里找到：VertexNormalsHelper

您必须计算法线向量和oZ 轴之间的差角，以便获得difX 和difY。这些是您必须沿 X 和 Y 方向旋转球体的数量，以使其垂直于骨骼的局部表面。