OpenGL ES应用开发实践指南(android 卷)笔记 第三章2

来源:互联网 发布:小众运动鞋知乎 编辑:程序博客网 时间:2024/06/06 04:04

第三章 编译着色器及在屏幕上绘图

1.获取一个uniform的位置

下一步是获得我们早前在着色器中定义的uniform的位置。当OpenGL把着色器链接成一个程序的时候,它实际上用一个位置编号把片段着色器中定义的每个uniform都关联起来了。这些位置编号用来给着色器发送数据,并且我们需要u_Color的位置,以便我们可以在要绘画的时候设置颜色。

让我们快速看一下片段着色器:

precision mediump float;uniform vec4 u_Color;void main(){       gl_FragColor = u_Color;}
在这个着色器里,我们已经定义了一个称为u_Color的uniform,并在main()中把这个uniform的值赋给了gl_FragColor。我们要使用这个uniform设置将要绘制的东西的颜色;我们要绘制一张桌子、一个中间分割线和两个木槌,并且我们要使用不同的颜色绘制他们。

private static final String U_COLOR = "u_Color";private int uColorLocation;

我们已经为这个uniform的名字创建了一个常量和一个用来容纳它在OpenGL程序对象中的位置的变量。uniform的位置并不是事先指定的,因此,一旦程序链接成功了,我们就要查询这个位置。一个uniform的位置在一个程序对象中是唯一的:即使在两个不同的程序中使用了相同的uniform名字,也不意味着它们使用相同的位置。

/** * 调用glGetUniformLocation()获取uniform的位置,并把这个位置存入uColorLocation;当我们稍后要更新这个uniform值的时候,我们会使用它。 */uColorLocation = glGetUniformLocation(program,U_COLOR);

2.获取属性的位置

像uniform一样,在使用属性之前我们也要获取它们的位置。我们可以让OpenGL自动给这些属性分配位置编号,或者在着色器被链接到一起之前,可以通过调用glBindAttribLocation()由我们自己给它们分配位置编号。我们要让OpenGL自动分配这些属性位置,因为它使代码更容易管理。

private static final String A_POSITION = "a_Position";private int aPostionLocation;

3.OpenGL如何把坐标映射到屏幕

目前为止,我们还没有解决的一个大问题就是:OpenGL是怎样把我们已经定义的坐标映射到屏幕上的实际物理坐标的?

这个问题的答案很复杂,随着后面章节的讲解,我们会了解到更多有关的内容;目前,我们只需要知道,无论是x还是y坐标,OpenGL都会把屏幕映射到[-1,1]的范围内。这就意味着屏幕的左边对应x轴的-1,而屏幕的右边对应+1,屏幕的底边会对应y轴的-1,而屏幕的顶边就对应+1。

不管屏幕是什么形状和大小,这个坐标范围都是一样的,如果我们需要在屏幕上显示任何东西,都需要在这个范围内绘制它们。

public class FirstOpenGLRenderer implements GLSurfaceView.Renderer{    private static final int POSITION_COMPOMENT_COUNT = 2;    private static final int BYTES_PER_FLOAT = 4;    private final FloatBuffer vertexData;    private static final String U_COLOR = "u_Color";    private int uColorLocation;    private static final String A_POSITION = "a_Position";    private int aPostionLocation;    private Context mContext;    private int program;    public FirstOpenGLRenderer(Context context){        this.mContext = context;//        float[] tableVerticals = {//            0f,0f,//                0f,14f,//                9f,14f,//                9f,0f//        };//        float[] tableVerticesWithTriangles= {//            0f,0f,//                9f,14f,//                0f,14f,////                0f,0f,//                9f,0f,//                9f,14f,////                0f,7f,//                9f,7f,////                4.5f,2f,//                4.5f,12f//        };        float[] tableVerticesWithTriangles= {                -0.5f,-0.5f,                0.5f,0.5f,                -0.5f,0.5f,                -0.5f,-0.5f,                0.5f,-0.5f,                0.5f,0.5f,                -0.5f,0f,                0.5f,0f,                0f,-0.25f,                0f,0.25f        };        vertexData = ByteBuffer.allocateDirect(tableVerticesWithTriangles.length * BYTES_PER_FLOAT)                .order(ByteOrder.nativeOrder()).asFloatBuffer();        vertexData.put(tableVerticesWithTriangles);    }    /**     * 当Surface被创建的时候,GLSurfaceView会调用这个方法;     * 这发生在应用程序第一次运行的时候,并且,当设备被唤醒或者用户从其他activity切换回来时,这个方法也可能会被调用。     * 在实践中,这意味着,当应用程序运行时,本方法可能会被调用多次。     * @param gl10     * @param eglConfig     */    @Override    public void onSurfaceCreated(GL10 gl10, EGLConfig eglConfig) {//        //红绿蓝透明度,渲染后结果为红色//        gl10.glClearColor(1.0f,0.0f,0.0f,0.0f);        gl10.glClearColor(0.0f,0.0f,0.0f,0.0f);        String vertexShaderSource = TextResourceReader.readTextFileFromResource(mContext, R.raw.simple_vertex_shader);        String fragmentShaderSource = TextResourceReader.readTextFileFromResource(mContext,R.raw.simple_fragment_shader);        int vertexShader = ShaderHelper.compileVertexShader(vertexShaderSource);        int fragmentShader = ShaderHelper.compileFragmentShader(fragmentShaderSource);        program = ShaderHelper.linkProgram(vertexShader, fragmentShader);        if(LoggerConfig.ON){            ShaderHelper.validateProgram(program);        }        //告诉OpenGL在绘制任何东西到屏幕上的时候要使用这里定义的程序        glUseProgram(program);        /**         * 调用glGetUniformLocation()获取uniform的位置,并把这个位置存入uColorLocation;当我们稍后要更新这个uniform值的时候,我们会使用它。         */        uColorLocation = glGetUniformLocation(program,U_COLOR);        /**         * 一旦着色器被链接在一起了,我们就只需要加入一些代码去获取属性位置。         * 调用glGetAttribLocation()获取属性的位置。有了这个位置,就能告诉OpenGL到哪里去找到这个属性对应的数据了。         */        aPostionLocation = glGetAttribLocation(program, A_POSITION);        /**         * 下一步是要告诉OpenGL到哪里找到属性a_Position对应的数据         * 在我们确保它会从开头处开始读取数据,而不是中间或者结尾处。每个缓冲区都有一个内部的指针,可以通过调用position(int)移动它         * 并且当OpenGL从缓冲区读取时,它会从这个位置开始读取。为了保证它一定从开头出开始读取。我们调用position把位置设在数据的开头处。         */        vertexData.position(0);        /**         * 传递不正确的参数给glVertexAttribPointer()会导致奇怪的结果,甚至导致程序崩溃。         * 这种崩溃还很难跟踪,因此,我不是言过其实,获得正确的参数是非常重要的。         */        glVertexAttribPointer(aPostionLocation,POSITION_COMPOMENT_COUNT,GL_FLOAT,false,0,vertexData);        /**         * 通过这最后一个调用,OpenGL现在就知道去哪里寻找它所需要的数据了。         */        glEnableVertexAttribArray(aPostionLocation);    }    /**     * 在Surface被创建以后,每次Surface尺寸变化时,这个方法都会被GLSurfaceView调用到。在横屏、竖屏来回切换的时候,Surface尺寸会发生变化     * @param gl10     * @param width     * @param height     */    @Override    public void onSurfaceChanged(GL10 gl10, int width, int height) {        gl10.glViewport(0, 0, width, height);    }    /**     * 当绘制一帧时,这个方法会被GLSurfaceView调用。     * 在这个方法中,我们一定要绘制一些东西,即使只是清空屏幕;     * 因为,在这个方法返回后,渲染缓冲区会被交换并显示在屏幕上,如果什么都没画,可能会看到糟糕的闪烁效果     * @param gl10     */    @Override    public void onDrawFrame(GL10 gl10) {        gl10.glClear(GL10.GL_COLOR_BUFFER_BIT);        /**         * 我们首先通过调用glUniform4f()更新着色器代码中的u_Color的值。         * 与属性不同,uniform的分量没有默认值,因此,如果一个uniform在着色器中被定义为vec4类型,我们需要提供所有四个分量的值。         * 我们想要以画一张白桌子作为开始,因此我们把红色、绿色和蓝色的值设置为代表完全亮度的值1.0f;阿尔法的值无关紧要,但是我们还是要指定它,因为一个颜色有四个分量。         */        glUniform4f(uColorLocation, 1.0f, 1.0f,1.0f,1.0f);        /**         * 一旦制定了颜色,接下来就可以用glDrawArrays(GLES20.GL_TRIANGLES,0,6)绘制桌子了,第一个参数告诉OpenGL,我们想要画三角形。         * 而要话三角形,我们需要给每个三角形传递进去至少三个顶点;         * 第二个参数告诉OpenGL从顶点数组的开头处开始读顶点;         * 而第三个参数是告诉OpenGL读入六个顶点。因为每个三角形有三个顶点,这个调用最终会画出两个三角形         */        glDrawArrays(GL_TRIANGLES,0,6); //从0开始读,读6个        glUniform4f(uColorLocation,1.0f,0.0f,0.0f,1.0f);        glDrawArrays(GL_LINES, 6, 2); //从6开始读,读2个        glUniform4f(uColorLocation,0.0f, 0.0f, 1.0f, 1.0f);        glDrawArrays(GL_POINTS,8,1);        glUniform4f(uColorLocation,0.0f,0.0f,1.0f,1.0f);        glDrawArrays(GL_POINTS,9,1);    }}





阅读全文
0 0