android - 渲染图像的随机消失部分

Question

我正在创建一个简单的三角带，用一个矩形覆盖整个视口(viewport)。然后我将一个 100x100 的纹理应用到这个表面，它随着每一帧而变化。

我在 GLSurfaceView 类的 onSurfaceChanged 方法中设置 viewPort 并初始化我的 vertexBuffer 等，然后从 onDrawFrame 调用我的渲染函数。

此设置正常工作，但在随机情况下，只有矩形的右下四分之一被渲染， Canvas 的其他 3/4 被背景色填充!不是每次都这样，来回旋转设备后异常消失(我猜是因为在 onSurfaceChanged 中一切都被重置了)

我尝试使用 GLES20.glBufferData 在每一帧更新时重新上传所有顶点，这似乎消除了这个错误，尽管可能是我没有足够的耐心观察它的发生(因为它是相当不可预测)。这是一个非常简单的三角形带，所以我认为它不会消耗很多时间，但以 60/秒的速度上传根本没有变化的数据感觉很糟糕!

//called from onSurfaceChanged
private fun initGL (side:Int) {

        /*======== Defining and storing the geometry ===========*/
        //vertices for TRIANGLE STRIP
        val verticesData = floatArrayOf(
            -1.0f,1.0f,//LU
            -1.0f,-1.0f,//LL
            1.0f,1.0f,//RU
            1.0f,-1.0f//RL
        )

        //float : 32 bit -> 4 bytes
        val vertexBuffer : FloatBuffer = ByteBuffer.allocateDirect(verticesData.size * 4)
            .order(ByteOrder.nativeOrder()).asFloatBuffer()
        vertexBuffer.put(verticesData).position(0)

        val buffers = IntArray(1)
        GLES20.glGenBuffers(1, buffers, 0)
        vertexBufferId = buffers[0]

        //upload vertices to GPU
        GLES20.glBindBuffer(GLES20.GL_ARRAY_BUFFER, vertexBufferId)
        GLES20.glBufferData(GLES20.GL_ARRAY_BUFFER,
            vertexBuffer.capacity() * 4, // 4 = bytes per float
            vertexBuffer,
            GLES20.GL_STATIC_DRAW)
        GLES20.glBindBuffer(GLES20.GL_ARRAY_BUFFER, 0)

        /*================ Shaders ====================*/

        // Vertex shader source code
        val vertCode =
                """
                attribute vec4 aPosition;
                void main(void) {
                    gl_Position = aPosition;
                }
                """

        val fragCode =
            """
            precision mediump float;

            varying vec2 vCoord;
            uniform sampler2D u_tex;
            void main(void) {
                //1-Y, because we need to flip the Y-axis!!
                vec4 color = texture2D(u_tex, vec2(gl_FragCoord.x/$side.0, 1.0-(gl_FragCoord.y/$side.0)));
                gl_FragColor = color;
            }
            """

        // Create a shader program object to store
        // the combined shader program
        val shaderProgram = createProgram(vertCode, fragCode)

        // Use the combined shader program object
        GLES20.glUseProgram(shaderProgram)

        val vertexCoordLocation = GLES20.glGetAttribLocation(shaderProgram, "aPosition")
        GLES20.glVertexAttribPointer(vertexCoordLocation, 2, GLES20.GL_FLOAT, false, 0, vertexBuffer)
        GLES20.glEnableVertexAttribArray(vertexCoordLocation)

        //set ClearColor
        GLES20.glClearColor(1f,0.5f,0.5f,0.9f)

        //setup a texture buffer array
        val texArray = IntArray(1)
        GLES20.glGenTextures(1,texArray,0)
        textureId = texArray[0]
        if (texArray[0]==0) Log.e(TAG, "Error with Texture!")
        else Log.e(TAG, "Texture id $textureId created!")

        GLES20.glActiveTexture(GLES20.GL_TEXTURE0)
        GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, textureId)

        GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_WRAP_S, GLES20.GL_CLAMP_TO_EDGE)
        GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_WRAP_T, GLES20.GL_CLAMP_TO_EDGE)
        GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_MIN_FILTER, GLES20.GL_NEAREST)
        GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_MAG_FILTER, GLES20.GL_NEAREST)
        GLES20.glPixelStorei(GLES20.GL_UNPACK_ALIGNMENT,1)
    }

//called from onDrawFrame
private fun updateGLCanvas (matrix : ByteArray, side : Int) {
        //create ByteBuffer from updated texture matrix
        val textureImageBuffer : ByteBuffer = ByteBuffer.allocateDirect(matrix.size * 1)//Byte = 1 Byte
            .order(ByteOrder.nativeOrder())//.asFloatBuffer()
        textureImageBuffer.put(matrix).position(0)

        //do I need to bind the texture in every frame?? I am desperate XD 
        GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, textureId)
        GLES20.glTexImage2D(GLES20.GL_TEXTURE_2D, 0,GLES20.GL_RGB, side, side, 0, GLES20.GL_RGB, GLES20.GL_UNSIGNED_BYTE, textureImageBuffer)

        //bind vertex buffer
        GLES20.glBindBuffer(GLES20.GL_ARRAY_BUFFER, vertexBufferId)
        // Clear the color buffer bit
        GLES20.glClear(GLES20.GL_COLOR_BUFFER_BIT)
        //draw from vertex buffer
        GLES20.glDrawArrays(GLES20.GL_TRIANGLE_STRIP,0,4)
        //unbind vertex buffer
        GLES20.glBindBuffer(GLES20.GL_ARRAY_BUFFER, 0)
    }

没有错误消息，大部分时间代码都按预期运行...这使得跟踪有点困难...

Answer 1

如果要使用顶点缓冲区，则缓冲区对象必须是当前绑定(bind)到目标 GLES20.GL_ARRAY_BUFFER 的对象，当通用顶点属性数据数组由 glVertexAttribPointer 指定时.顶点属性规范引用此缓冲区。

在这种情况下，glVertexAttribPointer 的最后一个参数被视为缓冲区对象数据存储中的字节偏移量。
在您的情况下，这意味着最后一个参数必须为 0。

GLES20.glBindBuffer(GLES20.GL_ARRAY_BUFFER, vertexBufferId)
GLES20.glVertexAttribPointer(vertexCoordLocation, 2, GLES20.GL_FLOAT, false, 0, 0)

注意，如果没有命名缓冲区缓冲区对象被绑定(bind)(零)，那么最后一个参数是指向缓冲区内存的指针。每次执行绘制调用时，都会读取此缓冲区。
在您的实现中，从未使用上传到 GPU 的数据，因为它未被顶点数组规范引用。
另见 Vertex Specification .