手机网站自动适配,海南在线 海南一家,购物网站建设需要什么资质,网络推广的方法包括OpenGL ES 3.0 实现了具有可编程着色功能的图形管线#xff0c;由两个规范组成#xff1a;
OpenGL ES 3.0 API规范OpenGL ES 着色语言3.0规范
下图概述了OpenGL ES 3.0 图像管线的各个阶段#xff1a; 1、顶点缓冲区/数组对象
顶点缓冲区在应用程序中是可选的#xff0c…OpenGL ES 3.0 实现了具有可编程着色功能的图形管线由两个规范组成
OpenGL ES 3.0 API规范OpenGL ES 着色语言3.0规范
下图概述了OpenGL ES 3.0 图像管线的各个阶段 1、顶点缓冲区/数组对象
顶点缓冲区在应用程序中是可选的对于某些在整个场景中顶点数据基本不变的情况可以在初始化阶段将顶点数据经基本处理后送入顶点缓冲区在绘制每一帧想要的图像时就省去了顶点数据IO的步骤直接从顶点缓冲区中获取顶点数据即可。
例子画三角形在Java层构建缓冲区。 // 开辟本地内存目的将数据从Dalvik传进OpenGLvar triangleCoords floatArrayOf( // in counterclockwise order:0.0f, 0.622008459f, 0.0f, // top-0.5f, -0.311004243f, 0.0f, // bottom left0.5f, -0.311004243f, 0.0f // bottom right)private var vertexBuffer: FloatBuffer // (number of coordinate values * 4 bytes per float)ByteBuffer.allocateDirect(triangleCoords.size * 4).run {// use the device hardwares native byte orderorder(ByteOrder.nativeOrder())// create a floating point buffer from the ByteBufferasFloatBuffer().apply {// add the coordinates to the FloatBufferput(triangleCoords)// set the buffer to read the first coordinateposition(0)}}2、顶点着色器 着色器Shader是在GPU上运行的小程序。这些小程序为图形渲染管线的某个特定部分而运行。从基本意义上来说着色器只是一种把输入转化为输出的程序。着色器也是一种非常独立的程序因为它们之间不能相互通信它们之间唯一的沟通只有通过输入和输出。 顶点着色器描述顶点需要执行的模型变换、视变换、投影变换、光照处理的顶点着色器程序源代码/可执行文件。
顶点着色器的输入包括
着色器程序顶点着色器输入或者属性输入in或者属性attribute统一变量uniform顶点片段着色器使用的不变数据。因为uniform是全局的(Global)所以也可以称为全局变量采样器simper代表顶点着色器使用纹理变量类型
OpenGL ES 2.0 与 3.0 输入输出变化
2.0中 attribute 输入修饰符3.0使用 in修饰2.0中可变变量修饰符varying 3.0中在vertex使用 out 输出在fragment使用 in 输入
例子 顶点着色器示例
// 为着色语言版本v3.00必须出现在第一行
#version 300 es
// 总变换矩阵
uniform mat4 u_mvpMatrix;
// 顶点位置2.0使用attributes修饰符表示输入3.0使用in
in vec4 a_Position;
// 顶点颜色
in vec4 a_Color;
// 为片段着色器指定一个颜色输出
out vec4 v_Color; void main()
{// 将接收的颜色传递给片元着色器v_Color a_Color; // 根据总变换矩阵计算此次绘制此顶点位置gl_Position u_mvpMatrix * a_Position;
}
3、纹理
纹理是一个2D图片甚至也有1D和3D的纹理它可以用来添加物体的细节。
每个二维的纹理都有自己的坐空间其范围是从一个拐点的0,0到另一个拐点的1,1。按照管理一个维度叫做S另一个维度称为T。 4、图元装配
图元是点、线、三角形等几何图形。
图元装配的过程
图元的每个顶点被发送到顶点着色器的不同拷贝在图元装配期间这些顶点被组合成图元。确定图元是否位于视椎体屏幕上可见的3D区域空间内。如果图元没有完全在视椎体内则需要进行裁剪如果图元完全处于视椎体之外它就会被抛弃裁剪之后顶点位置被转换为屏幕坐标。也可以执行一次淘汰操作根据图元面向前方或者后方抛弃他们。裁剪和淘汰之后图元便准备传递给管线下一阶段–光栅化阶段。
所以图元装配阶段主要做了两件事图元组装、图元处理
图元组装 顶点数据被组装成完整图元。图元处理主要就是裁剪将处于视椎体之外的部分裁剪。
5、光栅化
光栅化就是将三维空间中连续的数学图形点、直线、三角形栅格化为二维显示平面上一个个像素点的过程。
光栅化分为两个过程 将三维空间中的几何图元投影到二维平面上 将投影到二维平面上的几何图元栅格化为帧缓冲区的一个个像素 图片来源一文详解 OpenGL ES 3.x 渲染管线
6、片段着色器
片段着色器主要计算像素的最终颜色包含3D光照阴影光的颜色等用来计算最终的呈现在屏幕上的像素的颜色。 会对光栅化阶段生成的每个片段像素执行着色器程序
片段着色器输入内容有
着色器程序输入变量 – 光栅化单元用插值为每个片段生成的顶点着色器输出。统一变量 – 片段或顶点着色器使用的不变的数据采样器 – 代表片段着色器所用纹理的变量类型
例子
// 着色器语言版本
#version 300 es
// 定义所有浮点数据类型的默认精度lowp、mediump、highp 低精度、中等精度、高精度
// 顶点着色器默认是高精度片段着色器基于性能和兼容性考虑设置为中精度
precision mediump float;in vec4 v_color; // 从顶点着色器传来的输入变量名称相同、类型相同 out vec4 fragColor; // 输出到的片元颜色void main(){// 输出的颜色为v_colorfragColor v_color}
7.逐片段操作
经过光栅化我们已经得到了若干片段像素。但是这些片段像素还不能被直接送至帧缓冲器。比如对于物体重叠的情况此时我们将得到若干同个位置的片段像素因此我们需要对这些片段像素进行选择。逐片段操作包含若干这样的操作
如上图所示在逐片段操作阶段每个片段像素上执行如下操作和测试 像素归属测试这个测试确定帧缓冲区中位置xw , yw的像素目前是不是归属OpenGL ES所有不归属就不显示。 例如如果一个显示OpenGL ES帧缓冲区窗口被另一个窗口所遮蔽则被遮蔽的像素不属于OpenGL ES上下文从而完全不显示这些像素。 裁剪测试裁剪测试确定xw , yw是否位于OpenGL ES 状态的裁剪矩形范围内。如果该片段像素位于裁剪区域之外则被抛弃。 模板和深度测试这些测试在输入片段的模板和深度值上进行以确定片段是否应该被拒绝。 混合混合将新生成的片段颜色值与保存在帧缓冲区xw , yw位置的颜色值组合起来。 抖动抖动可用于最小化因为使用有限精度在帧缓冲区中保存颜色值而产生的伪像。
在逐片段操作后片段或者被拒绝或者在帧缓冲区的Xw, Yw位置写入普安段的颜色、深度或者模板值。写入片段的颜色、深度和模板值取决于启动的相应写入掩码。
8、帧缓冲区
帧缓冲是渲染结果显示到屏幕的内容缓存。
通常情况下程序采用双缓冲double buffer的形式。因为如果仅采用一个缓冲那渲染新一帧的过程中写入和新数据与旧数据混杂会导致画面撕裂。因此通常程序会设置两个缓冲区。前缓冲区用来保存供屏幕显示的内容后缓冲区用于渲染程序的绘制操作。在新一帧的渲染结束之后交换两个缓冲区的内容。这样画面撕裂问题就能得到很好的缓解。
参考 LearnOpenGL-CN 一文详解 OpenGL ES 3.x 渲染管线 《OpenGL ES 3.0 编程指南》
