一、介绍

最近在学习OpenGL ES 3.0 相关技术，写了一个Demo工程，记录学习。

三篇完整版链接：

【我的OpenGL学习进阶之旅】学习OpenGL ES 3.0 的实战 Awsome Demo （上）

【我的OpenGL学习进阶之旅】学习OpenGL ES 3.0 的实战 Awsome Demo （中）

【我的OpenGL学习进阶之旅】学习OpenGL ES 3.0 的实战 Awsome Demo （下）之图片转场和轮播特效专场

1.1 项目地址：

https://github.com/ouyangpeng/OpenGLESDemo

1.2 项目介绍

主要是将下面来源的特效，自己手动敲一遍，熟悉OpenGL ES相关API和GLSL语法以及C++语法

《OpenGL ES 3.0编程指南》这本书
【Learn OpenGL ES】网站的一些示例
字节流动的 NDK_OpenGLES_3_0 项目代码
部分ShaderToy网站和 GLSL SANDBOX 网站上的特效移植到android端
转场动画GLTransitions网站上的特效移植到android端

1.3 相关链接

关于 OpenGL ES的相关知识，
可以参考下面的博客查看：

字节卷动的 OpenGL ES 专栏
字节流动的 Android OpenGLES 3.0 专栏
【Learn OpenGL ES】
ShaderToy
GLSL SANDBOX
转场动画 https://gl-transitions.com/gallery

二、案例效果展示

1. 展示一个基本的红色三角形

颜色在片段着色器写死的红色

2. 展示一个基本的蓝色三角形

颜色由glVertexAttrib4fv传给片段着色器

3. 展示一个基本的由红、绿、蓝三种颜色绘制而成的三角形

使用了顶点缓冲对象(Vertex Buffer Objects, VBO) 和 EBO 技术

4. 展示一个基本的由红、绿、蓝三种颜色绘制而成的三角形

使用了顶点缓冲对象(Vertex Buffer Objects, VBO) 、 EBO 和映射缓冲区对象(Map Buffer) 技术

5. 展示一个基本的由红、绿、蓝三种颜色绘制而成的三角形

使用了 VBO 、 EBO 和 VAO 技术

6. 对比两个基本的由红、绿、蓝三种颜色绘制而成的三角形

一个使用VBO绘制，另外一个不使用VBO绘制

7. 展示一个在不停旋转的红色立方体

使用到了MVP矩阵（模型矩阵，观察矩阵和投影矩阵）技术

8. 展示一个简单的2D Texture 纹理

学习如何绘制一个2D纹理

9. 展示一个立方体贴图Cubemap

学习如何绘制一个立方体贴图Cubemap

10. 展示mip贴图(mipmapping)

学习纹理过滤和mip贴图(mipmapping)知识

11. 对比三种不同纹理包装模式

12. 展示一个多重纹理

学习如何使用多重纹理

13. 展示一个不停变化位置的爆炸效果

学习如何用点精灵渲染粒子爆炸效果

14. 使用变化反馈的粒子系统实现源源不断喷射的爆炸效果

学习使用变化反馈的粒子系统

15. 展示 3D纹理噪音

学习实现3D纹理噪音

16. 展示多重渲染技术同时渲染到4个目标

学习 MRT(多重渲染目标) 技术

17 展示一幅立体地形画

学习用顶点纹理读取渲染地形技术

18 展示深度纹理的阴影效果图

使用深度纹理的阴影

19 展示三个彩色三角形不停旋转的效果

学习绘制三角形以及使用矩阵变化进行旋转的效果

20 展示一个点和五个立方体不停旋转的效果

学习使用两个程序对象分别绘制点和立方体，并且使用矩阵变化进行旋转的效果

21 展示一个点和五个立方体不停旋转的效果

这是在上面案例的基础上添加每像素照明

22 展示一个点和五个立方体不停旋转的效果 , 并且立方体有基本的Texture纹理

这是在上面案例的基础上添加的基本纹理

23 展示一个点和五个立方体不停旋转的效果 , 然后切换混合模式的效果

展示触摸屏幕切换混合模式的效果

24 Texture纹理的不同过滤模式

本课程将介绍OpenGL ES中可用的不同纹理过滤模式

25 使用顶点缓冲区对象（VBO）来绘制多个立方体

学到的知识点：立方体的数量可以改变，可以切换是否使用VBOs,Native可以调用Java方法

26 使用 IBO 来绘制

本课程将介绍索引缓冲区对象（IBO）

27 纹理映射

纹理映射就是通过为图元的顶点坐标指定恰当的纹理坐标，通过纹理坐标在纹理图中选定特定的纹理区域，最后通过纹理坐标与顶点的映射关系，将选定的纹理区域映射到指定图元上

28 YUV 渲染

YUV 图不能直接用于显示，需要转换为 RGB 格式，而 YUV 转 RGB 是一个逐像素处理的耗时操作，在 CPU 端进行转换效率过低，这时正好可以利用 GPU 强大的并行处理能力来实现 YUV 到 RGB 的转换

这个案例学习如何渲染YUV图像

29 使用 FBO 技术，实现将彩色照片渲染成黑白照片

学习 FBO(帧缓冲区对象) 进行离屏渲染

30 使用 EGL渲染来实现马赛克、网格、旋转、边缘、放大、形变等效果

学习使用EGL渲染技术

31 对纹理进行缩放和旋转

单指可以对图片进行旋转，双指可以进行缩放

32 学习光照基础

学习冯氏光照模型(Phong Lighting Model)，它由三种元素光组成，分别是环境光(Ambient Lighting)、散射光(Diffuse Lighting)及镜面光(Specular Lighting)

33 学习多光照实例

学习冯氏光照模型(Phong Lighting Model)的多光照实例

34 学习 OpenGL ES 实例化（Instancing）

OpenGL ES 实例化（Instancing）是一种只调用一次渲染函数就能绘制出很多物体的技术，可以实现将数据一次性发送给 GPU ，告诉 OpenGL ES 使用一个绘制函数，将这些数据绘制成多个物体

35 学习 OpenGL ES 模板测试

OpenGL ES 模板测试与深度测试类似，主要作用是利用模板缓冲区(Stencil Buffer)所保存的模板值决定当前片段是否被丢弃，且发生于深度测试之前。

36 学习 OpenGL ES 混合

OpenGL ES 混合本质上是将 2 个片元的颜色进行调和，产生一个新的颜色。
OpenGL ES 混合发生在片元通过各项测试之后，准备进入帧缓冲区的片元和原有的片元按照特定比例加权计算出最终片元的颜色值，不再是新（源）片元直接覆盖缓冲区中的（目标）片元。

37 展示一个不停变化位置的粒子效果

再次实现一个粒子效果，不一样的实现方式

38 展示一个立方体贴图（天空盒）,可以旋转

使用立方体贴图实现一个天空盒效果

39 展示一个PBO示例

OpenGL PBO（Pixel Buffer Object），被称为像素缓冲区对象，主要被用于异步像素传输操作。PBO 仅用于执行像素传输，不连接到纹理，且与 FBO （帧缓冲区对象）无关。

未完待续…

【我的OpenGL学习进阶之旅】学习OpenGL ES 3.0 的实战 Awsome Demo （上）相关推荐

【我的OpenGL学习进阶之旅】OpenGL ES 3.0新功能
目录 1.1 纹理 1.2 着色器 1.3 几何形状 1.4 缓冲区对象 1.5 帧缓冲区 OpenGL ES 2.0 开创了手持设备可编程着色器的时代,在驱动大量设备的游戏.应用程序和用户接口中获得 ...
【我的OpenGL学习进阶之旅】 OpenGL ES 实现绿幕抠图以及替换绿幕背景的功能
一.绿幕抠图 "近来,我们总是不经意间看到一些自媒体公众号,影评人在谈到某部上映的影视剧制作如何稀烂,演员如何不敬业时总会用到"抠图"这个词.似乎"抠图&quo ...
【我的OpenGL学习进阶之旅】介绍一下绘制图元
目录一.绘制图元 1.1 `glDrawArrays` 1.1.1 `glDrawArrays`API说明 1.1.2 `glDrawArrays`API示例 1.2 `glDrawElements ...
【我的OpenGL学习进阶之旅】C++如何加载TGA文件?
一.TGA文件相关介绍通过前面的博客 [我的OpenGL学习进阶之旅]什么是TGA文件以及如何打开TGA文件? 地址:https://ouyangpeng.blog.csdn.net/article ...
【我的OpenGL学习进阶之旅】【持续更新】关于学习OpenGL的一些资料
目录一.相关书籍 OpenGL 方面 C方面 NDK 线性代数二.相关博客 2.0 一些比较官方的链接 2.1 OpenGL着色器语言相关 2.2 [[yfan]](https://segment ...
【我的OpenGL学习进阶之旅】着色器和程序（上）------着色器
着色器和程序一.前言二.着色器和程序 2.1 创建和编译一个着色器 2.1.1 创建着色器 2.1.2 删除着色器 2.1.3 提供着色器源代码 2.1.4 编译色器 2.1.4 查询有关着色器对 ...
【我的安卓进阶之旅】Opengl Es(5)三维图形绘制圆锥、圆柱和球体（附Github地址）
之前的博客中,我们绘制了三角形.正方形.圆形.立方体,今天我们将绘制圆锥.圆柱和球体.能够绘制这些基本的常规几何形体后,其他的常见几何形体的绘制对于我们来说就基本没问题了. 绘制圆锥由之前的博客,我 ...
【我的OpenGL学习进阶之旅】什么是TGA文件以及如何打开TGA文件？
目录一.问题描述二.解决问题:打开TGA文件三.什么是TGA文件? 四. 如何打开TGA文件 4.1. 使用图像编辑器打开TGA文件 4.2. 使用Pain.Net打开TGA文件 4.3.使用T ...
【我的OpenGL学习进阶之旅】着色器编译器和程序二进制码
目录一.着色器编译器二.程序二进制码 2.1 glGetProgramBinary 2.2 glProgramBinary 一.着色器编译器当你要求OpenGL ES 编译和链接着色器的时候,光 ...
【我的OpenGL学习进阶之旅】介绍一下图元的类型：三角形、直线和点精灵
目录一.图元 1.1 三角形 1.2 直线 1.2.1 直线的宽度 1.2.1.1 线段的宽度用`glLineWidth` API调用指定. 1.2.1.2 支持的线宽范围查询. 1.3 点精灵 1 ...

【我的OpenGL学习进阶之旅】学习OpenGL ES 3.0 的实战 Awsome Demo （上）