Android OpenGL ES2.0(一):详细讲解如何绘制一个三角形

2023-11-02

一、Android OpenGL ES2.0简介

1. 什么是OpenGL?

OpenGL(全写Open Graphics Library)是指定义了一个跨编程语言、跨平台的编程接口规格的专业的图形程序接口。它用于三维图像(二维的亦可),是一个功能强大,调用方便的底层图形库。

OpenGL在不同的平台上有不同的实现,但是它定义好了专业的程序接口,不同的平台都是遵照该接口来进行实现的,思想完全相同,方法名也是一致的,所以使用时也基本一致,只需要根据不同的语言环境稍有不同而已。
2.什么是OpenGL ES

OpenGL ES (OpenGL for Embedded Systems) 是 OpenGL 三维图形 API 的子集,针对手机、PDA和游戏主机等嵌入式设备而设计。

OpenGL ES相对于OpenGL来说,减少了许多不是必须的方法和数据类型,去掉了不必须的功能,对代价大的功能做了限制,比OpenGL更为轻量。在OpenGL ES的世界里,没有四边形、多边形,无论多复杂的图形都是由点、线和三角形组成的,也去除了glBegin/glEnd等方法

3.OpenGL ES 可以做什么?

OpenGL ES是手机、PDA和游戏主机等嵌入式设备三维(二维也包括)图形处理的API,当然是用来在嵌入式设备上的图形处理了,OpenGL ES 强大的渲染能力使其成为我们在嵌入式设备上进行图形处理的优良选择。我们经常使用的场景有:

  • 图片处理。比如图片色调转换、美颜等。

  • 摄像头预览效果处理。比如美颜相机、恶搞相机等。

  • 视频处理。摄像头预览效果处理可以,这个自然也不在话下了。

  • 3D游戏。比如神庙逃亡、都市赛车等。

4.OpenGL ES 2.0中基本概念

4.1 着色器

OpenGL ES 2.0中最重要的一个概念就是关于着色器:顶点着色器和片元着色器。

着色器(Shader)是在GPU上运行的小程序。从名称可以看出,可通过处理它们来处理顶点。此程序使用OpenGL ES SL语言来编写。它是一个描述顶点或像素特性的简单程序。

  • 顶点着色器

其功能是把每个顶点在虚拟空间中的三维坐标变换为可以在屏幕上显示的二维坐标,并带有用于z-buffer的深度信息。顶点着色器可以操作的属性有:位置、颜色、纹理坐标,但是不能创建新的顶点。

  • 片元着色器

片元着色器计算每个像素的颜色和其它属性。它通过应用光照值、凹凸贴图,阴影,镜面高光,半透明等处理来计算像素的颜色并输出。它也可改变像素的深度(z-buffering)或在多个渲染目标被激活的状态下输出多种颜色。

着色器语言(Shading Language)是一种高级的图形编程语言,仅适合于GPU编程,其源自应用广泛的C语言。对于顶点着色器和片元着色器的开发都需要用到着色器语言进行开发。它是面向过程的而非面向对象。具体可参照相关资料。因此,对于绘制不同的图形时,所编写的着色器语言不同,这个需要大家参照相关例子学习。

4.2坐标系
OpenGL ES 采用的是右手坐标,即向右为X正轴方向,向左为X负轴方向,向上为Y轴正轴方向,向下为Y轴负轴方向,屏幕面垂直向上为Z轴正轴方向,垂直向下为Z轴负轴方向。下图是对比右手和左手坐标系。
这里写图片描述
由于实际的绘制是3D图形,投影到屏幕中显示的是2D效果,因此这里需要转换就是3D到2D图形的转换。如下图所示,实际运行是采用选取屏幕中心为原点,原点到屏幕边缘的长度为单位1,由于屏幕中心点到边缘的长度不同(屏幕一般都是长方形,而不是正方形),即:屏幕到宽的距离相对较小,因此从原点到(1,0,0)的距离和到(0,1,0)的距离在屏幕上展示的并不相同。
这里写图片描述
在实际运行设置坐标时,就会出现一定的图形变换,例如绘制一个等边三角形,在实际投射到屏幕中时,显示的却是等边三角形,这个就是上面提到的屏幕中心点到屏幕边缘的长度是单位长度,在实际投射时,屏幕到宽和高的比例不同,出现如下图所示的展示效果。
这里写图片描述

4.3 其他
除了上面提到的着色器和坐标外,还包括投影、光照和纹理映射等。

  • 投影:OpenGL ES中有两种投影方式:正交投影和透视投影。正交投影,物体不会随距离观测点的位置而大小发生变化。而透视投影,距离观测点越远,物体越小,距离观测点越近,物体越大。
  • 光照:在屏幕中很难直接的显示3D场景的效果,因为曲面相对平面更具有光照效果,因此在实际的绘制中,需要加入光照元素:环境光、镜面光和散射光。
  • 纹理映射:现实世界中的物体往往是绚丽多彩的,要模拟现实世界的绚丽多彩,绘制出更加真实、酷炫的3D物体,就需要用到纹理映射了。纹理映射是将2D的纹理映射到3D场景中的立体物体上。

    4.4 OpenGL ES 2.0运行过程
    读取顶点数据——执行顶点着色器——组装图元——光栅化图元——执行片元着色器——写入帧缓冲区——显示到屏幕上。

  • OpenGL作为本地库直接运行在硬件上,没有虚拟机,也没有垃圾回收或者内存压缩。在Java层定义图像的数据需要能被OpenGL存取,因此,需要把内存从Java堆复制到本地堆。

  • 顶点着色器是针对每个顶点都会执行的程序,是确定每个顶点的位置。同理,片元着色器是针对每个片元都会执行的程序,确定每个片元的颜色。
  • 着色器需要进行编译,然后链接到OpenGL程序中。一个OpenGL的程序就是把一个顶点着色器和一个片段着色器链接在一起变成单个对象。

二、绘制一个简单的三角形的步骤

绘制一个三角形的步骤,包括如下几点:

  • 在manifest中声明使用OpenGL ES 2.0 API
  • 构造GLSurfaceView.Renderer对象
  • 构造GLSurfaceView对象
  • 将Activity的ContentView设为GLSurfaceView

1、在manifest中声明使用OpenGL ES 2.0 API

<uses-feature android:glEsVersion="0x00020000" android:required="true" />

0x00020000代表OpenGL ES 2.0版本,3.0版本是0x00030000,3.1版本是0x00030001

2、构造GLSurfaceView.Renderer对象
Renderer类提供三个回调方法供Android系统调用,用来计算在GLSurfaceView中绘制什么以及如何绘制。
onSurfaceCreated():仅调用一次,用于设置view的OpenGL ES环境(初始化)
onDrawFrame():每次重绘view时调用,我们自定义的绘制主要是在该方法中实现
onSurfaceChanged():当view的几何形状发生变化时调用,比如设备屏幕方向改变时

public class TriggerRender implements GLSurfaceView.Renderer {
    float triangleCoords[] = {
            0.5f, 0.5f, 0.0f, // top
            -0.5f, -0.5f, 0.0f, // bottom left
            0.5f, -0.5f, 0.0f  // bottom right
    };
    float color[] = {1.0f, 0f, 0f, 1.0f}; //red
    private FloatBuffer vertexBuffer;
    private final String vertexShaderCode =
            "attribute vec4 vPosition;" +
                    "void main() {" +
                    "  gl_Position = vPosition;" +
                    "}";

    private final String fragmentShaderCode =
            "precision mediump float;" +
                    "uniform vec4 vColor;" +
                    "void main() {" +
                    "  gl_FragColor = vColor;" +
                    "}";
    private int mProgram;
    private int mPositionHandle;
    private int mColorHandle;
    static final int COORDS_PER_VERTEX = 3;
    //顶点个数
    private final int vertexCount = triangleCoords.length / COORDS_PER_VERTEX;
    //顶点之间的偏移量
    private final int vertexStride = COORDS_PER_VERTEX * 4; // 每个顶点四个字节

    @Override
    public void onSurfaceCreated(GL10 gl10, EGLConfig eglConfig) {
        //将背景设置为灰色
        GLES20.glClearColor(0.5f, 0.5f, 0.5f, 1.0f);
        //将坐标数据转换为FloatBuffer,用以传入给OpenGL ES程序
        vertexBuffer = BufferUtil.fBuffer(triangleCoords);

        int vertexShader = loadShader(GLES20.GL_VERTEX_SHADER,
                vertexShaderCode);
        int fragmentShader = loadShader(GLES20.GL_FRAGMENT_SHADER,
                fragmentShaderCode);

        //创建一个空的OpenGLES程序
        mProgram = GLES20.glCreateProgram();
        //将顶点着色器加入到程序
        GLES20.glAttachShader(mProgram, vertexShader);
        //将片元着色器加入到程序中
        GLES20.glAttachShader(mProgram, fragmentShader);
        //连接到着色器程序
        GLES20.glLinkProgram(mProgram);
    }

    @Override
    public void onSurfaceChanged(GL10 gl10, int width, int height) {
        GLES20.glViewport(0, 0, width, height);
    }

    @Override
    public void onDrawFrame(GL10 gl10) {
        //将程序加入到OpenGLES2.0环境(加载
        // )
        GLES20.glUseProgram(mProgram);

        //获取顶点着色器的vPosition成员句柄
        mPositionHandle = GLES20.glGetAttribLocation(mProgram, "vPosition");
        //启用三角形顶点的句柄
        GLES20.glEnableVertexAttribArray(mPositionHandle);
        //准备三角形的坐标数据
        GLES20.glVertexAttribPointer(mPositionHandle, COORDS_PER_VERTEX,
                GLES20.GL_FLOAT, false,
                vertexStride, vertexBuffer);
        //获取片元着色器的vColor成员的句柄
        mColorHandle = GLES20.glGetUniformLocation(mProgram, "vColor");
        //设置绘制三角形的颜色
        GLES20.glUniform4fv(mColorHandle, 1, color, 0);
        //绘制三角形
        GLES20.glDrawArrays(GLES20.GL_TRIANGLES, 0, vertexCount);
        //禁止顶点数组的句柄
        GLES20.glDisableVertexAttribArray(mPositionHandle);
    }
    public int loadShader(int type, String shaderCode) {
        //根据type创建顶点着色器或者片元着色器
        int shader = GLES20.glCreateShader(type);
        //将资源加入到着色器中,并编译
        GLES20.glShaderSource(shader, shaderCode);
        GLES20.glCompileShader(shader);
        return shader;
    }
}

以上代码有完善的注释,不需额外讲解,有一点需要大家注意,在创建顶点坐标数组时,由于Java采用的是大端模式,OpenGL ES采用的是小端模式,需要大家手动转换一下,否则会报错误,详细分析请看Must use a native order direct Buffer
3、构造GLSurfaceView对象

public class MyGLSurfaceView extends GLSurfaceView {
    private final TriggerRender mRenderer;

    public MyGLSurfaceView(Context context) {
        super(context);
        // 创建OpenGL ES 2.0的上下文
        setEGLContextClientVersion(2);
        mRenderer = new TriggerRender();
        //设置Renderer用于绘图
        setRenderer(mRenderer);
        //只有在绘制数据改变时才绘制view,可以防止GLSurfaceView帧重绘
        setRenderMode(GLSurfaceView.RENDERMODE_WHEN_DIRTY);
    }
}

4、将Activity的ContentView设为GLSurfaceView

   private MyGLSurfaceView mGLSurfaceView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //实例化对象
        mGLSurfaceView = new MyGLSurfaceView(this);
        setContentView(mGLSurfaceView);
    }

这里需要注意,我们不需要额外的修改Activity的布局内容(不需要额外将自定义的View放置在layout中)。

三、小结

至此,通过OpenGL ES 来绘制一个简单的三角形,就完成了,总结一下本文重点:

  • 讲解OpenGL 和OpenGL ES是什么?,OpenGL ES可以做什么?
  • 讲解OpenGL ES的基本概念:着色器、坐标系和其他相关概念
  • 详细叙述OpenGL ES绘制一个三角形的步骤

有需要该Demo的可在GitHub中下载。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Android OpenGL ES2.0(一):详细讲解如何绘制一个三角形 的相关文章

  • opengl es 3D要素——贴图

    前不久开始了正式的opengl es学习 目前为止 成就有 显示一些三维元素 一些可以自由旋转 一些可以用手指控制左右上下的旋转 下一步准备开始写光照了 在此之前先整理下思路 我的工程已经开始变得庞大了 需要声明下 我不太会把全部的代码贴出
  • Android系统的整个源码目录结构分析

    Android系统的整个源码目录结构分析 本文介绍的Android系统源码并不是像某一个类 比如 Handler 的源码 而是支持整个Android系统能够运行的源码 这里只对Android系统源码目录进行分析 具体的源码一般都是根据需求来
  • OpenGL Shading language学习总结

    这篇文章是根据
  • OpenGL ES EGL介绍

    前面已经在android平台上使用OpenGL ES的API了解了如何创建3D图形已经使用FBO渲染到纹理进行一些其他的操作 起初我学习OpenGL ES的目的就是为了研究Android平台上录制屏幕的方案 到目前为止 基础知识已经具备了
  • OpenGL ES 3.0 开发(一)

    什么是 OpenGLES OpenGLES 全称 OpenGL for Embedded Systems 是三维图形应用程序接口 OpenGL 的子集 本质上是一个跨编程语言 跨平台的编程接口规范 主要应用于嵌入式设备 如手机 平板等 由科
  • android游戏开发(OpenGL ES绘制矩形平面)

    接触android将近一年了 以前学的应用开发 现在自学android游戏开发 把自己学到的分享出来一下 这也是我的第一篇博客 不说废话了 开始正文 GLRender类用于图形的渲染工作 Util类用于glrender中的数据缓冲 GLRe
  • Mali GPU OpenGL ES 应用性能优化--基本概念

    1 基本概念 1 1 Mali GPU家族 Mali GPU家族都包含以下通用的硬件 基于分块的延迟渲染 Mali GPU把framebuffer分成许多块 16 x 16像素 然后一块一块地进行渲染 基于分块的渲染是有效的 因为像素值使用
  • Cocos2dx-OpenGL ES2.0教程:你的第一个立方体(5)

    在上篇文章中 我们介绍了VBO索引的使用 使用VBO索引可以有效地减少顶点个数 优化内存 提高程序效率 本教程将带领大家一起走进3D 绘制一个立方体 其实画立方体本质上和画三角形没什么区别 所有的模型最终都要转换为三角形 同时 本文还会介绍
  • Cocos2dx-OpenGL ES2.0教程:初识MVP(3)

    在上一篇文章中 我在介绍vertex shader的时候挖了一个坑 CC MVPMatrix 它其实是一个uniform 每一个cocos2d x预定义的shader都包含有这个uniform 但是如果你在shader里面不使用这个变量的话
  • Android OpenGL ES2.0(一):详细讲解如何绘制一个三角形

    一 Android OpenGL ES2 0简介 1 什么是OpenGL OpenGL 全写Open Graphics Library 是指定义了一个跨编程语言 跨平台的编程接口规格的专业的图形程序接口 它用于三维图像 二维的亦可 是一个功
  • OpenGL ES SL 3.0规范中以前的attribute改成了in varying改成了out

    有几个学习图形学不久的同学都问到这个问题 做一阐述 1 关键字的小修改大概由如下两点决定 第一 先考虑一个成本原则 一个关键字的定义是否修改 是由熟练程序员在使用该关键字时的思维成本来决定的 当然 还有一个原则 是由初学者的学习成本来决定的
  • IOS Opengl ES 用多光源实现材质,阴影,高光效果

    在Opengl ES 1 0 中 要实现材质效果 往往需要光源的设置 如果环境光和漫反射光强了 材质效果难以体现 如果环境光和漫反射光弱了 材质就暗了 实现阴影效果 可以放置一个主平行光源 为了材质效果 需要将环境光设到比较弱 漫反射光设到
  • Mali GPU OpenGL ES 应用性能优化--测试+定位+优化流程

    1 使用DS 5 Streamline定位瓶颈 DS 5 Streamline要求GPU驱动启用性能测试 在Mali GPU驱动中激活性能测试对性能影响微不足道 1 1 DS 5 Streamline简介 可使用DS 5 Streamlin
  • OpenGL ES之十一——绘制3D图形

    概述 这是一个系列的Android平台下OpenGl ES介绍 从最基本的使用最终到VR图的展示的实现 属于基础篇 后面针对VR视频会再有几篇文章 属于进阶篇 OpenGL ES之一 概念扫盲 OpenGL ES之二 Android中的Op
  • GLSL(着色器语言)

    GLSL 着色器语言 简介 OpenGLES的着色器语言GLSL是一种高级的图形化编程语言 其源自应用广泛的C语言 与传统的c语言不同的是 它提供了更加丰富的针对于图像处理的原生类型 诸如向量 矩阵之类 OpenGLES 主要包含以下特性
  • Android OpenGLES2.0(十六)——3D模型贴图及光照处理(obj+mtl)

    在Android OpenGLES2 0 十四 Obj格式3D模型加载中实现了Obj格式的3D模型的加载 加载的是一个没有贴图 没有光照处理的帽子 为了呈现出立体效果 手动 加了光照 拥有贴图的纹理及光照又该怎么加载呢 模型文件 本篇博客例
  • 获取APP签名信息或者查看签名文件的MD5,SHA1,SHA256

    1 查看APP是否签名 将APP文件后缀改为 zip并解压会得到以下内容 CERT RSA就包含签名信息 然后运行命令 keytool printcert file Users Documents app release META INF
  • 【OPENGLES】opengles-jni实例1

    首先 说明下为什么要用jni实现opengl es 在进行移动端图像算法开发的过程中 需要完成对大量的数据进行处理 opengl是在进行图形渲染或者大批量图像运算处理时有着很大的优势 如果能够在算法库开发中加入opengl 则对于提升算法运
  • 在Android下初始化Native OpenGL ES

    在上一篇文章中 介绍了在Android Native层初始化EGL及OpenGL ES的方法 其中 大量代码花费在EGL的初始化上面 非常的麻烦 在本文中 将展示利用GLSurfaceView来代替我们手动初始化EGL的过程 用GLSurf
  • OpenGL ES 2.0升级到3.0配置win32环境以及编译所遇bug

    安装win32平台的OpenGL ES 3 0模拟器 一 安装3 0模拟器 一般用32位的 https developer arm com products software development tools graphics devel

随机推荐

  • pygame安装教程(python)

    1 安装好python 2 打开cmd 3 输入 pip version 如果显示未安装pip 那么输入pip 等待安装完毕 检查pip是否安装 pip version 4 输入 pip install pygame 可能会出现这种错误 输
  • 软件产品设计的学习总结

    一个成功的软件产品通常需要包含以下几个方面 可靠性 软件产品需要稳定可靠 能够正确地运行 并且在用户使用中没有频繁崩溃或者其他问题 安全性 软件产品在使用过程中需要保证数据的安全性 包括用户的个人和商业隐私等方面 易用性 软件产品需要具有高
  • JAVA中的高并发,解决高并发的方案

    java高并发 如何解决 什么方式解决 一 什么是高并发 二 高并发的解决方法有两种 三 追加 一 什么是高并发 1 1 高并发 High Concurrency 是互联网分布式系统架构设计中必须考虑的因素之一 它通常是指 通过设计保证系统
  • 实现spawn-fcgi的守护监控功能

    http blog csdn net cleanfield article details 6409830 这几天做公司平台的api部分 决定采用c c 版本的fcgi 于是采用了spawn fcgi作为启动框架 不过遇到个问题就是spaw
  • matlab练习程序(神经网络识别mnist手写数据集)

    记得上次练习了神经网络分类 不过当时应该有些地方写的还是不对 这次用神经网络识别mnist手写数据集 主要参考了深度学习工具包的一些代码 mnist数据集训练数据一共有28 28 60000个像素 标签有60000个 测试数据一共有28 2
  • 苹果Swift语言入门教程

    目录 1 简介 2 Swift入门 3 简单值 4 控制流 5 函数与闭包 6 对象与类 7 枚举与结构 1 简介 今天凌晨Apple刚刚发布了Swift编程语言 本文从其发布的书籍 The Swift Programming Langua
  • python三引号作用是什么_python中三引号的作用(逗号的两点总结)

    三引号 1 三引号注释 程序中我使用 来做单行注释 可以使用三引号可以做多行注释 三个引号能包含多行字符串 同时常常出现在函数的声明的下一行 来注释函数的功能 与众不同的地方在于 这个注释作为函数的一个默认属性 可以通过 函数名 doc 来
  • 相信AI的力量——「AI中国」2021年度十大开源事件揭晓

    自2017 年设立以来 机器之心 Synced Machine Intelligence Awards 年度奖项评选活动自已连续举办至第五届 是目前国内人工智能界规模最大 评选最权威的年度奖项 已成为我国人工智能产业的风向标 2021年底
  • Visual Studio 和 Visual Studio Code的区别?

    Visual Studio 是一个全能的 方便的开发环境 即 IDE 像代码自动完成 调试器 数据库集成 服务器设置和配置等 Visual Studio Code VSCode 只是一个跨平台的编辑器 但是用户可以根据自己的需求去增加插件
  • cmath(常用函数)

    cmath包含了许多数学函数 非常实用 1 三角函数 double sin double 正弦 double cos double 余弦 double tan double 正切 2 反三角函数 double asin double 结果介
  • 上MES系统的目的是什么?

    上MES系统的目的是什么 实现透明制造 柔性制造 精益制造 创新制造 观点 太空洞 太空洞 太空洞 开发者的观点 计划 质量 生产 物流一体化管理 要接地气 客户说aps需要 前台傻瓜 后台智能 操作APS的起码有点水准的人吧 太傻瓜能操作
  • pt_session流程

    pt 即 prime time 数字IC后端设计人员用于check pr之后的path timing 的重要工具 在从后端拿到pt session的前提下 确认sdc或者cdc sdc是否有语法问题等 完成脚本的快速迭代 确保前端交付质量
  • vue前端实现打印功能

    方案一 window print 这个命令默认打印整个页面的内容 所以 如果想要实现局部打印功能的话 就要重新给body赋值 并且后续执行完之后再还原回去 这样的话会造成一些非预期的结果 很麻烦 并且在当前也操作 window docume
  • 剪映VS会声会影哪个好用,视频剪辑软件剪映会声会影之间对比之

    随着网络视频的发展 越来越多的人开始学习视频剪辑 毕竟技多不压身 而在众多剪辑软件中 剪映和会声会影是很适合新手使用的软件 那剪映与会声会影的区别有哪些 剪映会声会影哪个好用 下面就仔细说说 一 剪映与会声会影的区别 在剪辑功能上 剪映和会
  • 武装突袭3fps服务器不稳定,《武装突袭3》深不见底:史上最硬核、最复杂的FPS游戏...

    武装突袭3 深不见底 史上最硬核 最复杂的FPS游戏武装突袭3是一个硬核的而且复杂的游戏 我玩了一千六百多个小时 但依然没有玩透它 如果用一个词来形容ARMA3那么就是深不见底 大多数人在这里只能在某一个领域成为专家 所以如果你准备入手武装
  • gensim中TaggedDocument 怎么使用

    我有两个目录 我想从中读取它们的文本文件并给它们贴上标签 但我不知道如何通过taggedDocument来实现这一点 我以为它可以作为标记文档 strings labels 工作 但这显然不起作用 from gensim import mo
  • 超级账本PBFT(拜占庭容错)算法详解

    上一章我们从分布式系统的角度简单叙述了一下 IBM HyperLedger fabric 的一些基本概念 架构和协议信息 其中最为核心的部分就是共识算法 consensus plugin fabric推荐并实现的就是PBFT这一经典算法 B
  • 弱监督学习--半监督学习(3):Mean teachers are better role models

    前言 论文链接 https arxiv org pdf 1703 01780 pdf github https github com CuriousAI mean teacher Mean Teacher 模型是由芬兰的一家AI初创公司在2
  • c语言怎样的序列满足堆,C语言堆排序法谁能通俗易懂又清晰地讲解一下?谢谢...

    您可以找本数据结构的书看看 比如清华严尉敏的 数据结构 以下摘抄于 http student zjzk cn course ware data structure web paixu paixu8 4 2 1 htm 这个网站的讲解挺不错
  • Android OpenGL ES2.0(一):详细讲解如何绘制一个三角形

    一 Android OpenGL ES2 0简介 1 什么是OpenGL OpenGL 全写Open Graphics Library 是指定义了一个跨编程语言 跨平台的编程接口规格的专业的图形程序接口 它用于三维图像 二维的亦可 是一个功