java - 使用 fragment 着色器和GL_LINE_STRIP在OpenGL GLES20 android中绘制简单的虚线或短划线

Question

我浏览了不同的来源，发现我们可以使用 fragment 着色器绘制虚线。因为我是 OpenGL 新手，所以无法理解。

任何人都可以分享一些使用 fragment 着色器和 GL_LINE_STRIP 绘制点线或虚线的代码示例吗？在 Android 中。

引用文献:

• 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 channel 中编码有点画图案。 Alpha test 会丢弃破折号之间的空格。 .

如果您使用 OpenGL ES 2.00 或更高版本 (OpenGL ES 3.x)，则无法使用 Alpha 测试，因为它已被弃用。您必须使用 fragment 着色器并按 discard 跳过 fragment 。关键字。

创建仅具有红色 channel 的纹理。点画图案在红色 channel 中编码，但该代码与 OpenGL ES - Dashed Lines 中的代码非常相似。 ，除了您必须使用 GL10.GL_RED 的事实之外对于内部纹理格式(而不是 GL10.GL_ALPHA ):

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);

当您绘制线条时，您必须使用着色器程序，该程序会丢弃依赖于纹理的红色 channel 的 fragment 。一个非常简单的 GLSL ES 1.00 着色器(适用于 OpenGL ES 3.00)可能如下所示:

顶点着色器:

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

void main()
{
    outU        = inU;
    gl_Position = vec4( inPos.xy, 0.0, 1.0 );
}

fragment 着色器:

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);
}

绘制线条时，确保与顶点关联的纹理坐标与整数值对齐，这会导致线条以破折号开头和结尾:

例如左下角为 (-0.5 -0.5) 、右下角为 (0.5, 0.5) 且纹理坐标在 [0, 5] 范围内的四边形:

 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

由于换行函数是 GL_REPEAT并且纹理坐标在 [0, 5] 范围内，点画图案的 5 次重复被包裹到四边形的每个边缘。

<小时/>

<子>您还可以在 fragment 着色器中生成点画，而不是使用纹理。查看桌面OpenGL cor配置文件的解决方案:
glLineStipple deprecated in OpenGL 3.1
Dashed line in OpenGL3?