使用片段着色器和GL_LINE_STRIP在OpenGL GLES20 android中绘制简单的虚线或虚线

Question

我经历了不同的来源，发现我们可以使用片段着色器绘制虚线。因为我不熟悉OpenGL，所以无法理解。

任何人都可以共享一些使用片段着色器和Android中的GL_LINE_STRIP绘制点划线的代码示例。

参考：

• Dashed line in OpenGL3?
• Dotted back edges of object

Answer 1

线点画在OpenGL ES中不受支持。

如果使用OpenGL ES 1.00，则可以使用OpenGL ES - Dashed Lines答案中提供的方法。您必须创建一个1维纹理（2维Nx1纹理），然后将纹理包装在直线上。纹理具有在其Alpha通道中编码的点画图案。破折号之间的空格由Alpha test丢弃。

如果您使用的是OpenGL ES 2.00或更高版本（OpenGL ES 3.x），则不能使用alpha测试，因为它已被弃用。您必须使用片段着色器，并通过discard关键字跳过片段。

仅创建带有红色通道的纹理。点画样式是在红色通道中编码的，但是代码与discard中的代码非常相似，除了您必须使用OpenGL ES - Dashed Lines作为内部纹理格式（而不是GL10.GL_RED）：] >

GL10.GL_ALPHA
绘制线条时，您必须使用着色器程序，该程序将根据纹理的红色通道丢弃片段。一个非常简单的GLSL ES 1.00着色器（对于OpenGL ES 3.00）可能如下所示：

顶点着色器：

byte arr[] = new byte[] { 255, 0, 0, 255 };
ByteBuffer textureBuffer = ByteBuffer.wrap(arr);

gl.glGenTextures(1, texture_id_, stippleTexObj);
gl.glBindTexture(GLES20.GL_TEXTURE_2D, stippleTexObj);
gl.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_MIN_FILTER, GLES20.GL_NEAREST);
gl.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_MAG_FILTER, GLES20.GL_NEAREST);
gl.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_WRAP_S, GLES20.GL_REPEAT);
gl.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_WRAP_T, GLES20.GL_REPEAT);
gl.glTexImage2D(GLES20.GL_TEXTURE_2D, 0, GLES20.GL_RED, 4, 1, 0,
                GLES20.GL_RED, GLES20.GL_UNSIGNED_BYTE, textureBuffer);
片段着色器：

attribute vec2  inPos;
attribute float inU;
varying   float vU;

void main()
{
    outU        = inU;
    gl_Position = vec4( inPos.xy, 0.0, 1.0 );
}
[在绘制直线时，请确保与顶点关联的纹理坐标与整数值对齐，这会导致直线以短划线开头和结尾：

例如一个四边形，左下角为（-0.5 -0.5），右下角为（0.5，0.5），纹理坐标范围为[0，5]：

precision mediump float;

varying float     vU;
uniform sampler2D u_stippleTexture;

void main()
{
    float stipple = texture2D(u_stippleTexture, vec2(vU, 0.0)).r;
    if (stipple < 0.5)
        discard;
    gl_FragColor = vec4(1.0);
}
由于包装函数为 x     y       u   
-0.5f -0.5f    0.0f
 0.5f -0.5f    5.0f
 0.5f  0.5f    0.0f
-0.5f  0.5f    5.0f
，并且纹理坐标在[0，5]范围内，所以点画图案的5次重复被包装到四边形的每个边缘。 

GL_REPEAT

---

_{除了使用纹理，您还可以在片段着色器中生成点画。请参阅桌面OpenGL cor配置文件的解决方案：glLineStipple deprecated in OpenGL 3.1}