OpenGL for Android

最新推荐文章于 2020-05-27 17:13:32 发布

Mr_Picker

最新推荐文章于 2020-05-27 17:13:32 发布

阅读量334

点赞数

分类专栏： Animator 文章标签： OpenGL Android 3D 动画 GLSurfaceView

本文链接：https://blog.csdn.net/Mr_Picker/article/details/79738032

版权

Animator 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.原理，类的继承关系，优缺点

Android使用opengl来绘制图形时主要依赖于GLSurfaceView,它的绘制流程如下

获取EGLDisplay对象
初始化与EGLDisplay 之间的连接。
获取EGLConfig对象
创建EGLContext 实例
创建EGLSurface实例
连接EGLContext和EGLSurface.
使用GL指令绘制图形
断开并释放与EGLSurface关联的EGLContext对象
删除EGLSurface对象
删除EGLContext对象

终止与EGLDisplay之间的连接。

下面看一下GLSurfaceView类的继承关系

java.lang.Object
↳ android.view.View
↳ android.view.SurfaceView
↳ android.opengl.GLSurfaceView

Android APP如果需要使用OpenGl制图,如果在java层实现,一般是GLSurfaceView来显示出OpenGl制图,GLSurfaceView的特点:

1.管理一个平面,这个平面是一个特殊的内存块,它可以和Android视图系统混合.
2.管理一个EGL显示,它能够让OpenGL渲染到一个平面.
3.接受一个用户提供的实际显示的Renderer对象.
4.使用一个专用线程去渲染从而和UI线程解耦.
5.支持连续的渲染和丰富的动画效果.

通过继承关系我们可以发现它是继承自View的，我们都知道View的绘制原理，包括测量，创建画布和绘制。那么GLSurfaceView的原理其实是一样的，只是它的坐标系多了一个z轴，来实现3D的效果。下面是

GLSurfaceView，SurfaceView,View各自的优缺点

View：显示视图，内置画布，提供图形绘制函数、触屏事件、按键事件函数等；必须在UI主线程内更新画面，速度较慢。

SurfaceView：基于view视图进行拓展的视图类，更适合2D游戏的开发；是view的子类，类似使用双缓机制，在新的线程中更新画面所以刷新界面速度比view快。

GLSurfaceView：基于SurfaceView视图再次进行拓展的视图类，专用于3D游戏开发的视图；是SurfaceView的子类，OpenGL专用。

2.GLSurfaceView的绘制流程

Android自定义控件，有了视图View、画布Canvas、画笔Paint，方能绘制炫彩多姿的各种控件。那么对于OpenGL的三维绘图来说，也同样需要具备这三种要素，分别是GLSurfaceView、GLSurfaceView.Renderer和GL10，其中GLSurfaceView继承自表面视图SurfaceView，对应于二维绘图的View；GLSurfaceView.Renderer是三维图形的渲染器，对应于二维绘图的Canvas；最后一个GL10自然相当于二维绘图的Paint了。有了GLSurfaceView、GLRender和GL10这三驾马车，Android才能实现OpenGL的三维图形渲染功能。

使用GLSurfaceView来绘制图形，主要是实现一个Renderer接口，来实现里面的方法，包括

1、onSurfaceCreated函数在GLSurfaceView创建时调用，相当于自定义控件的构造函数，一样可在此进行三维绘图的初始化操作；
2、onSurfaceChanged函数在GLSurfaceView创建、恢复与改变时调用，在这里不但要定义三维空间的大小，还要定义三维物体的方位，所以该函数相当于完成了自定义控件的onMeasure和onLayout两个函数的功能；
3、onDrawFrame顾名思义跟自定义控件的onDraw函数差不多，onDraw函数用于绘制二维图形的具体形状，而onDrawFrame函数用于绘制三维图形的具体形状；

3.使用过程的主体render

@Override
public void onSurfaceCreated(GL10 gl, EGLConfig config) {
    //初始化
    gl.glClearColor(0f, 0f, 0f, 0f);
    // 启动阴影平滑
    gl.glShadeModel(GL10.GL_SMOOTH);
}

@Override
public void onSurfaceChanged(GL10 gl, int width, int height) {

// 设置输出屏幕大小

gl.glViewport(0, 0, width, height);

// 设置投影矩阵，对应gluPerspective（调整相机）、glFrustumf（调整透视投影）、glOrthof（调整正投影）

gl.glMatrixMode(GL10.GL_PROJECTION);

// 设置透视图视窗大小

GLU.gluPerspective(gl, 40, (float) width / height, 0.1f, 20.0f);

//选择模型观察矩阵

gl.glMatrixMode(GL10.GL_MODELVIEW);

// 重置投影矩阵，即去掉所有的平移、缩放、旋转操作

gl.glLoadIdentity();

}

@Override
public void onDrawFrame(GL10 gl) {

//具体的绘制的过程

// 清除屏幕和深度缓存
gl.glClear(GL10.GL_COLOR_BUFFER_BIT | GL10.GL_DEPTH_BUFFER_BIT);
// 重置当前的模型观察矩阵
gl.glLoadIdentity();
// 设置画笔颜色
gl.glColor4f(0f, 1f, 0f, 1f);
//gl.glColor4x(0,0,1,1);
// 设置镜头的方位
GLU.gluLookAt(gl, 5.0f, 4.0f, 3.0f, 0.0f, 0.0f, 0.0f, 0.0f, 1.0f, 0.0f);

前面的三个参数是相机放置的位置在世界坐标系中的坐标，中间三个参数表示被观察的物体在世界坐标系中的位置，后面3个表示相机的

顶部的朝向，例如第一个如果为1表示相机的顶部向右偏离，类似于人的眼睛观察物体，头顶的朝向

}

4.OpenGl采用的坐标系采用右手坐标系

定义图形时定义相应的xyz轴上的坐标值（x,y,z）

5.绘制3D图形的流程，涉及到的方法和参数的说明

在坐标系中绘制图形需要知道相关的额坐标点，三维的话应该是xyz对应的值，比如（0，1，0）就代表一个点

不过这个浮点数组并不能直接传给OpenGL处理，因为OpenGL的底层是用C语言实现的，C语言与其它语言（如Java）默认的数据存储方式在字节顺序上可能不同（如大端小端问题），所以其它语言的数据结构必须转换成C语言能够识别的形式，说白了就是翻译。这里面C语言能听懂的数据结构名叫FloatBuffer，于是问题的实质就变成了如何将浮点数组folat[]转换为浮点缓存FloatBuffer，具体的转换过程已经有了现成的模板，开发者只管套进去即可，详细的转换函数代码如下所示：

public FloatBuffer getFloatBuffer(float[] array) {
    //初始化字节缓冲区的大小=数组长度*数组元素大小。float类型的元素大小为Float.SIZE，
    //int类型的元素大小为Integer.SIZE，double类型的元素大小为Double.SIZE。
    ByteBuffer byteBuffer = ByteBuffer.allocateDirect(array.length * Float.SIZE);
    //以本机字节顺序来修改字节缓冲区的字节顺序
    //OpenGL在底层的实现是C语言，与Java默认的数据存储字节顺序可能不同，即大端小端问题。
    //因此，为了保险起见，在将数据传递给OpenGL之前，需要指明使用本机的存储顺序
    byteBuffer.order(ByteOrder.nativeOrder());
    //根据设置好的参数构造浮点缓冲区
    FloatBuffer floatBuffer = byteBuffer.asFloatBuffer();
    //把数组数据写入缓冲区
    floatBuffer.put(array);
    //设置浮点缓冲区的初始位置
    floatBuffer.position(0);
    return floatBuffer;
}

6.demo样例分析，3D图案，动画效果

public class OpenTrangle extends GLSurfaceView implements GLSurfaceView.Renderer {

    private FloatBuffer mFloatBuffer, mNextFloatBuffer;
    private float mAngle=0.5f;

    public OpenTrangle(Context context) {
        this(context, null);
    }

    public OpenTrangle(Context context, AttributeSet set) {
        this(context, set, 0);
    }

    public OpenTrangle(Context context, AttributeSet set, int def) {
        super(context, set);
        setRenderer(this);
    }

    //opengl created
    @Override
    public void onSurfaceCreated(GL10 gl, EGLConfig config) {
        //the background of the canvas
        gl.glClearColor(1f, 1f, 1f, 0f);
        //set the mode of shade
        gl.glShadeModel(GL10.GL_SMOOTH);
    }

    //size change
    @Override
    public void onSurfaceChanged(GL10 gl, int width, int height) {
        gl.glViewport(0, 0, width, height);
        gl.glMatrixMode(GL10.GL_PROJECTION);
        //adjust the camera
        GLU.gluPerspective(gl, 40, (float) width / height, 0.1f, 20.0f);
        gl.glMatrixMode(GL10.GL_MODELVIEW);
        gl.glLoadIdentity();

    }

    //draw the view
    @Override
    public void onDrawFrame(GL10 gl) {
        gl.glClear(GL10.GL_COLOR_BUFFER_BIT);
        gl.glColor4f(0, 1, 0, 30);
        drawShape(gl, -2f);
        if (mAngle > 30) {
            mAngle = 0.1f;
        } else {
            mAngle += 0.1f;
    }
        
}
   
private void drawShape(GL10 gl, float transLenght) {
        for (int i = 0; i < 8; i++) {
            float[] mNextPoints = {
                    0f, 2f + transLenght * i, 1f,
                    2f, 1f + transLenght * i, 1f,
                    2f, 0f + transLenght * i, 1f,
                    0f, 1f + transLenght * i, 1f,
                    -2f, 0f + transLenght * i, 1f,
                    -2f, 1f + transLenght * i, 1f
            };


            gl.glLoadIdentity();
            gl.glRotatef(mAngle, -1, 0, 0);
            GLU.gluLookAt(gl, 0f, -15f+i, 9f-i, 0.0f, 0f, .0f, 0f, 1f, 0f);

            mNextFloatBuffer = getFloatBuffer(mNextPoints);

            // 启用顶点开关

            gl.glEnableClientState(GL10.GL_VERTEX_ARRAY);

            //size: 每个顶点有几个数值描述。必须是2，3 ，4 之一。
            //type: 数组中每个顶点的坐标类型。取值：GL_BYTE, GL_SHORT, GL_FIXED, GL_FLOAT。
            //stride：数组中每个顶点间的间隔，步长（字节位移）。取值若为0，表示数组是连续的
            //pointer：即存储顶点的Buffer

            gl.glVertexPointer(3, GL10.GL_FLOAT, 0, mNextFloatBuffer);

            // 用画线的方式将点连接并画出来
            //GL_POINTS ————绘制独立的点
            //GL_LINE_STRIP————绘制连续的线段，不封闭
            //GL_LINE_LOOP————绘制连续的线段，封闭
            //GL_LINES————顶点两两连接，为多条线段构成
            //GL_TRIANGLES————每隔三个顶点构成一个三角形
            //GL_TRIANGLE_STRIP————每相邻三个顶点组成一个三角形
            //GL_TRIANGLE_FAN————以一个点为三角形公共顶点，组成一系列相邻的三角形

            gl.glDrawArrays(GL10.GL_TRIANGLE_FAN, 0, 6);

            //关闭定点开关

            gl.glDisableClientState(GL10.GL_VERTEX_ARRAY);

public FloatBuffer getFloatBuffer(float[] array) {

        ByteBuffer byteBuffer = ByteBuffer.allocateDirect(array.length * Float.SIZE);

        byteBuffer.order(ByteOrder.nativeOrder());
        FloatBuffer floatBuffer = byteBuffer.asFloatBuffer();
        floatBuffer.put(array);
        floatBuffer.position(0);
       return floatBuffer;
    }
}

7.总结相关的使用

public class OpenTrangle extends GLSurfaceView implements GLSurfaceView.Renderer {

    private FloatBuffer mNextFloatBuffer;
    private float mAngle = 0.5f;

    public OpenTrangle(Context context) {
        this(context, null);
    }

    public OpenTrangle(Context context, AttributeSet set) {
        this(context, set, 0);
    }

    public OpenTrangle(Context context, AttributeSet set, int def) {
        super(context, set);
        setRenderer(this);
    }

    @Override
    public void onSurfaceCreated(GL10 gl, EGLConfig config) {
        gl.glClearColor(1f, 1f, 1f, 0f);
        gl.glShadeModel(GL10.GL_SMOOTH);
    }

    @Override
    public void onSurfaceChanged(GL10 gl, int width, int height) {
        gl.glViewport(0, 0, width, height);
        gl.glMatrixMode(GL10.GL_PROJECTION);
        GLU.gluPerspective(gl, 40, (float) width / height, 0.1f, 20.0f);
        gl.glMatrixMode(GL10.GL_MODELVIEW);
        gl.glLoadIdentity();

    }

    @Override
    public void onDrawFrame(GL10 gl) {
        gl.glClear(GL10.GL_COLOR_BUFFER_BIT);
        gl.glColor4f(0, 1, 0, 30);
        drawShape(gl, -2f);
        if (mAngle > 30) {
            mAngle = 0.1f;
        } else {
            mAngle += 0.1f;
        }
    }

    private void drawShape(GL10 gl, float transLenght) {
        for (int i = 0; i < 8; i++) {
            float[] mNextPoints = {
                    0f, 2f + transLenght * i, 1f,
                    2f, 1f + transLenght * i, 1f,
                    2f, 0f + transLenght * i, 1f,
                    0f, 1f + transLenght * i, 1f,
                    -2f, 0f + transLenght * i, 1f,
                    -2f, 1f + transLenght * i, 1f
            };
            gl.glLoadIdentity();
            gl.glRotatef(mAngle, 1, 0, 0);
            GLU.gluLookAt(gl, 0f, -15f + i, 9f - i, 0.0f, 0f, .0f, 0f, 1f, 0f);
            mNextFloatBuffer = getFloatBuffer(mNextPoints);
            gl.glEnableClientState(GL10.GL_VERTEX_ARRAY);
            gl.glVertexPointer(3, GL10.GL_FLOAT, 0, mNextFloatBuffer);
            gl.glDrawArrays(GL10.GL_TRIANGLE_FAN, 0, 6);
            gl.glDisableClientState(GL10.GL_VERTEX_ARRAY);
        }
    }

    public FloatBuffer getFloatBuffer(float[] array) {
        ByteBuffer byteBuffer = ByteBuffer.allocateDirect(array.length * Float.SIZE);
        byteBuffer.order(ByteOrder.nativeOrder());
        FloatBuffer floatBuffer = byteBuffer.asFloatBuffer();
        floatBuffer.put(array);
        floatBuffer.position(0);
        return floatBuffer;
    }
}

最后在使用的时候作为自定义的view去使用就可以了

Mr_Picker

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
OpenGL for Android

1.原理，类的继承关系，优缺点Android使用opengl来绘制图形时主要依赖于GLSurfaceView,它的绘制流程如下获取EGLDisplay对象初始化与EGLDisplay 之间的连接。获取EGLConfig对象创建EGLContext 实例创建EGLSurface实例连接EGLContext和EGLSurface.使用GL指令绘制图形断开并释放与EGLSurface关联的EGLCont...
复制链接

扫一扫

专栏目录