WebGL如何绘制曲线

Question

我想画曲线，但我不知道如何用 WebGL 来做。我有很多想法用 gl.LINE_STRIP 做一些事情，也许画圆（以去掉角）并以某种方式绘制弧形角，或者可能画圆（如直线或其他东西），该怎么办？

Answer 1

在 WebGL 中绘制曲线的最常见方法是绘制大量短直线，最终看起来像曲线，因此这种方法没有什么特别之处，除了需要计算线条来形成曲线之外。最常见的方法是使用二次曲线或贝塞尔曲线，这里有一个很棒的教程。

另一种不太常见的方法是制作渲染曲线段的着色器。它涉及分析曲线，然后生成一堆三角形，其中曲线的一部分将由特殊着色器绘制。