WebGL 矩形边框

Question

我正在尝试使用 WebGL 渲染一个带有实心边框的透明矩形。我知道如何通过在 webGL 的 uniformfv（） 函数中将 alpha 设置为零来使其透明，但我无法弄清楚如何渲染实心边框，也没有在网上找到任何有用的东西。请注意，我需要使用WebGL，因此context2D函数（例如strokeStyle）可能无法正常工作。如果您知道如何执行此操作，请告诉我。

谢谢

Answer 1

三角形基元不会给你这个...但是有一个GL。行如

gl.drawElements(gl.LINES, given_animal.vertex_indices_buffer.numItems, gl.UNSIGNED_SHORT, 0);

因此，您可以在绕每个三角形的顶点时定义线段。 这个基元确实有线宽的概念

gl.lineWidth(width);