optimization - Three.js 对象被遮挡时显示的视觉指示或效果

Question

我正在构建一个程序，您可以在其中控制一个小头像（这是一个基本的圆形几何图形或平面），它穿过一个充满 3D 模型和形状的场景。我想要实现类似于许多视频游戏中的效果，您可以在其中看到某种迹象，表明化身位于各种模型和形状的背后。例如，这是一张图片来解释我的意思：

显示所需效果的示例图像

它不一定需要是示例图像中的形状轮廓。我愿意接受任何真正显示化身背后的某种迹象的效果，但也不能太重，因为我想让这个程序在移动设备上运行。能够在一定程度上自定义效果（例如颜色、厚度等）也是非常可取的。任何意见或建议将不胜感激。我似乎真的找不到太多信息来达到这样的效果。

另外我认为值得一提的是，到目前为止，我自己尝试了两件事。一种只是将化身渲染到一切之上。结果看起来真的很愚蠢和令人困惑。我尝试的另一件事是使用 Outline 后处理效果（来自这个库https://github.com/vanruesc/postprocessing）。这实际上看起来非常棒，但事实证明性能太重而无法始终以最佳状态运行（更不用说颜色混合和透明/透视形状和模型的其他问题）。

我知道这有点像在黑暗中拍摄，但我认为问它并没有什么坏处。

标签： optimizationthree.jspost-processing3d-modelocclusion