webGL - 在表面上画一条线

Question

我有一个三维纹理表面，我需要在上面画一条彩色线。这类似于在球体上绘制纬度/经度线。有没有一种简单的方法可以在这个表面上画一条线？到目前为止，我得到的最好结果是计算曲面上的点并将这些点设为我的线顶点，但这似乎有点问题，因为有些地方的线显示得很好，有些地方显示得不好。另外，如果我使用这种方法，我是否需要将线从表面偏移或做其他事情，以便它们不会“重叠”并显示表面而不是线？

Answer 1

使用您当前的方法，您需要偏移线（可能沿表面法线），您看到的效果称为z-fighting，由具有相同光栅深度值的线和表面引起。

如果您不想或不能偏移线，您可以将线渲染到单独的帧缓冲区中，将其纹理映射到全屏四边形并将它们混合在一起。

如果您不需要更新线条，您可以使用 2D 画布将其绘制到纹理中。根据您的需要和“表面”的属性，您还可以使用片段着色器直接在 gpu 上绘制线条。

Answer 2

经过大量的试验和错误（以及时间 - 这是非常古老的），我发现最好的方法是在纹理上创建我想要的线条并在表面上使用该纹理。完美运行！