一.前期基础储备笔者之前的四篇文综述了Android中使用OpenGL ES绘制基本图形和实现了简单的相机预览,初次接触OpenGL ES开发的读者可能对其中新的概念比较迷惑,尤其是其中的顶点着色器(Vertex Shader)和片元着色器(Fragment Shader),我们知道,在OpenGL中顶点着色器是针对每个顶点执行一次,用于确定顶点的位置.片元着色器是针对每个片元,片元可以理解为每个像素,用于确定每个片元(像素)的颜色或者纹理.如下是在相机预览中使用的两个着色器的代码段: priv…

2017年,短视频正以其丰富的内容表现力和时间碎片化的特点,快速崛起,而短视频最具可玩性之处就在支持人脸识别的动态贴图和各种不同效果的美颜.滤镜等.那短视频动态贴纸.滤镜.美颜等功能究竟是如何实现的呢? 为什么选择 OpenGL ES Android 手机在处理 3D 图形相关的计算时一般都会选择使用 GPU.相较于 CPU,GPU 在图像动画处理时能提供更快的速度以达到更高的帧率. Android 设备的 GPU 处理提供了两套不同的 API :Vulkan 和 OpenGL ES.其中 Vu…

前面的文章主要是整理的Android 官方文档对OpenGL ES支持的介绍.通过之前的文章,我们基本上可以完成的基本的形状的绘制. 这是本人做的整理笔记: https://github.com/renhui/OpenGLES20Study 目前到这里第一阶段的学习,也就是基本的图形绘制,基本的交互的实现. 平面绘制:三角形.正方形.在相机视角下的三角形.彩色三角形 立体绘制:正方体.圆柱体.圆锥体.球体 基本交互:手绘点.旋转三角形 知道了基本的图形绘制,也知道了基本的交互的实现,现在可能大多…

首先要了解OpenGL的图形管线有哪些内容,再分别去了解其中的相关的关系: 管线分别包括了顶点缓冲区/数组对象,定点着色器,纹理,片段着色器,变换反馈,图元装配,光栅化,逐片段操作,帧缓冲区.其中顶点着色器和片段着色器是管线的可编程阶段. 顶点着色器 其实现了顶点操作的通用可编程方法,其的输入包括了如下: 着色器程序-描述顶点上执行操作的顶点着色器程序源代码或者可执行程序么,其实就是那个glsl的文件. 顶点着色器输入(或者属性)-用顶点数组提供的每个顶点的数据,应该是着色器程序语言中的那个at…

最近在帧缓冲区对象这里卡了一下,不过前面已经了解了相关的OpenGL ES的知识,现在再去了解就感觉轻松多了.现在就进行总结. 基础知识 我们知道,在应用程序调用任何的OpenGL ES命令之前,需要首先创建一个渲染上下文和绘图表面,并使之成为现行上下文和表面,之前在渲染的时候,其实一直使用的是原生窗口系统(比如EAGL,GLFW)提供的渲染上下文和绘图表面(即帧缓冲区). 一般情况下,我们只需要系统提供的帧缓冲区作为绘图表面,但是又有些特殊情况,比如阴影贴图.动态反射.处理后特效等需要渲染到纹…

OpenGL ES shading language 3.0 也被称作 GLSL,是个 C风格的编程语言. Opengl ES 3.0内部有两种可编程处理单元,即Vertex processor和Fragment processor,分别用来处理Vertex shader executable和Fragment shader executable.注意,Opengl ES 3.0不支持Geometry Shader.上图中,紫色部分就是可执行体了,即 executable . 先来一段Verte…

OpenGL ES 是负责 GPU 工作的,目的是通过 GPU 计算,得到一张图片,这张图片在内存中其实就是一块 buffer,存储有每个点的颜色信息等.而这张图片最终是要显示到屏幕上,所以还需要具体的窗口系统来操作,OpenGL ES 并没有相关的函数.所以,OpenGL ES 有一个好搭档 EGL. EGL,全称:embedded Graphic Interface,是 OpenGL ES 和底层 Native 平台 视窗系统之间的接口.所以大概流程是这样的:首先,通过 EGL 获取到手机屏…

在讲 ES 2015 新语法之前,先来说一下为什么叫 ES.JavaScript 是这门语言的名称,它有一个为它制定标准化的组织 European Computer Manufacturers Association,直译就是欧洲计算机制造商协会.这个 ECMA 制定的 JavaScript 的实现标准,被称为 ECMAScript,不同组织写出来的 JavaScript 语言都要遵守这个 ECMAScript 标准,所以就简写为 ES+版本号. 这套 ES 标准在2015年之前最高的版本是5.…

前言 1:常用类: 1:纹理的作用 正文 一:常用类 上下文 顶点数据缓存 着色器 baseEffect 一:纹理 1.1:   纹理可以控制渲染的每个像素的颜色. 1.2: 纹素:与像素一样,保存每个像素的颜色数据.纹素是一个没有尺寸的坐标系.    纹素坐标系有1D.2D.3D坐标系.目前最常见的是2D坐标系. 1.3: 视口(viewPort)坐标 GPU会把纯数学OpenGL ES坐标系中的每个顶点的X.Y.Z坐标转化成帧缓存中所对应的真实像素位置.帧缓存中的像素位置就叫        …

第二章:让硬件为你工作(OpenGL ES 应用实践指南 iOS卷) 前言: 1:使用OpenGL ES 基本步骤 2:绘制三角形 3:效果 正文: 一:使用OpenGL ES 基本步骤 1:生成缓存标识符 glGenBuffers(); 2:绑定缓存标识符到当前缓存区域   glBindBuffer(); 3:初始化且分配缓存内存(通常是从CPU控制的内存复制数据到分配的内存)  glBufferData( ); 4:  启用缓存中的数据 glEnableVertexAttribArray()…