WebGL 矩形边框

Question

我正在尝试使用 WebGL 呈现具有实心边框的透明矩形。我知道如何通过在 webGL 的 uniformfv() 函数中将 alpha 设置为零来使其透明，但我无法弄清楚如何呈现实心边框并且没有在网上找到任何有用的东西。请注意，我需要使用 WebGL，因此 context2D 函数（例如 strokeStyle）可能无法工作。如果您知道该怎么做，请告诉我。

谢谢

Answer 1

三角形基元不会给你这个......但是有一个gl.LINES如

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

这样您就可以在环绕每个三角形的顶点时定义线段。这个图元确实有线宽的概念

gl.lineWidth(width);