OpenGL ES

该博客详细介绍了OpenGL ES的渲染过程,包括顶点着色器中的uMVPMatrix坐标处理,图元装配的裁剪与淘汰,光栅化的图元转化为像素片段,以及片段着色器的输入输出。特别提供了YUV420P渲染的顶点和片段着色器示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

OpenGL ES图形管线

一、顶点着色器

顶点着色器输入包括:

  • 着色器程序-描述顶点上执行操作的顶点着色器程序源代码或者可执行文件。
  • 顶点着色器输入(或者属性)-用顶点数组提供的每个顶点的数据。
  • 统一变量(Uniform)-顶点(或者片段)着色器使用的不变数据。
  • 采样器-代表顶点着色器使用纹理的特殊统一变量类型。

内建变量:

gl_color、gl_PointSize

输出数据申明为out即输出变量。

示例YUV420P顶点着色器:

//版本信息
#version 300 es
//精度限定符
precision mediump float;
//变换矩阵
uniform mat4 uMVPMatrix;
//顶点坐标
layout(location=1)in vec4 vPosition;
//纹理坐标
layout(location=2)in vec2 a_texCoord;
//输出变量
out vec2 tc;
void main() {
    gl_Position=vPosition*uMVPMatrix;
    tc=a_texCoord;
}

几个uMVPMatrix坐标:

//TODO待补充

二、图元装配

图元是三角形、直线、点精灵等几何对象。图元的顶点被发送到顶点着色器的不同拷贝。在图元装备期间这些顶点被组合成图元。对于每个图元,必须确定是否在视锥体之内,不在则裁剪,裁剪之后,顶点位置被转换为屏幕坐标,也可以进行一次淘汰。经过裁剪、淘汰之后传递下一管线。

三、光栅化

此阶段绘制图元。光栅化是将图元转化为一组二维片段的过程,然后这些片段由片段着色器处理。这些二维片段代表着可在屏幕上绘制的像素。

标题光栅化阶段

 

四、片段着色器

片段着色器输入:

  • 着色器程序-描述片段上所执行操作的片段着色器程序源代码或者可执行文件。
  • 输入变量-光栅化单元用插值为每个片段生成的顶点着色器输出。
  • 统一变量-片段(或者顶点)着色器使用的不变数据。
  • 采样器-代表片段着色器所用的纹理的特殊统一变量类型。

片段着色器输出:

可以一个或多个颜色,根据渲染目标而定。

示例yuv420P片段着色器:

#version 300 es
precision mediump float;
uniform sampler2D tex_y;
uniform sampler2D tex_u;
uniform sampler2D tex_v;
in vec2 tc;
layout(location=0) out vec4 fragColor;
void main() {
    //    vec3 yuv;
    //    vec3 rgb;
    //    yuv.r=texture(tex_y, tc);
    //    yuv.r=texture(tex_u, tc);
    //    yuv.r=texture(tex_v, tc);
    //    rgb=mat3(1.0, 1.0, 1.0,
    //    0.0, -0.39465, 2.03211,
    //    1.13983, -0.58060, 0.0
    //    )*yuv;
    //    fragColor=(rgb, 1.0);
    vec4 c = vec4((texture(tex_y, tc).r - 16./255.) * 1.164);
    vec4 U = vec4(texture(tex_u, tc).r - 128./255.);
    vec4 V = vec4(texture(tex_v, tc).r - 128./255.);
    c += V * vec4(1.596, -0.813, 0, 0);
    c += U * vec4(0, -0.392, 2.017, 0);
    c.a = 1.0;
    fragColor=c;
}

 

 

 

五、OpenGL ES 渲染YUV420P代码示例

//
// Created by 86132 on 2019/7/27.
//

#include <malloc.h>
#include <cstdlib>
#include "OpenGl.h"
#include <android/asset_manager.h>
#include <android/asset_manager_jni.h>
#include <memory.h>

//GL_NO_ERROR :(0)当前无错误值
//GL_INVALID_ENUM :(1280)仅当使用非法枚举参数时,如果使用该参数有指定环境,则返回 GL_INVALID_OPERATION
//GL_INVALID_VALUE :(1281)仅当使用非法值参数时,如果使用该参数有指定环境,则返回 GL_INVALID_OPERATION
//GL_INVALID_OPERATION :(1282)命令的状态集合对于指定的参数非法。
//GL_STACK_OVERFLOW :(1283)压栈操作超出堆栈大小。
//GL_STACK_UNDERFLOW :(1284)出栈操作达到堆栈底部。
//GL_OUT_OF_MEMORY :(1285)不能分配足够内存时。
//GL_INVALID_FRAMEBUFFER_OPERATION :(1286)当操作未准备好的真缓存时。
//GL_CONTEXT_LOST :(1287)由于显卡重置导致 OpenGL context 丢失。
bool OpenGl::initialEgl(JNIEnv *env, jobject surface, jobject jAssetManager) {
    /**********************************经过以下步骤,搭建EGL和OPENGL环境**************************************/
    //1、创建EGLDisplay对象
    eglDisplay = eglGetDisplay(EGL_DEFAULT_DISPLAY);
    if (eglDisplay == EGL_NO_DISPLAY) {
        __android_log_print(ANDROID_LOG_ERROR, "opengl", "eglGetDisplay return error %d",
                            eglGetError());
        return false;
    };
    //2、初始化显示设备 后面两个参数是EGL版本
    if (!eglInitialize(eglDisplay, 0, 0)) {
        LOG_I("eglInitialize return error %d",
              eglGetError());
  
OpenGL ES 3.0 英文版 第1章——OpenGL ES 3.0简介   第1章简单介绍OpenGL ES,概述了OpenGL ES 3.0图形管线,讨论了OpenGL ES 3.0的设计理念和限制,最后介绍了OpenGL ES 3.0中使用的一些约定和类型。   第2章——你好,三角形:一个OpenGL ES 3.0示例   第2章介绍绘制三角形的一个简单OpenGL ES 3.0示例。我们的目的是说明OpenGL ES 3.0程序的样子,向读者介绍一些API概念,并说明如何构建和运行OpenGL ES 3.0示例程序。   第3章——EGL简介   第3章介绍EGL——为OpenGL ES 3.0创建表面和渲染上下文的API。我们说明与原生窗口系统通信、选择配置和创建EGL渲染上下文及表面的方法,传授足够多的EGL知识,你可以了解到启动OpenGL ES 3.0进行渲染所需的所有知识。   第4章——着色器和程序   着色器对象和程序对象是OpenGL ES 3.0中最基本的对象。第4章介绍创建着色器对象、编译着色器和检查编译错误的方法。这一章还说明如何创建程序对象、将着色器对象连接到程序对象以及链接最终程序对象的方法。我们讨论如何查询程序对象的信息以及加载统一变量(uniform)的方法。此外,你将学习有关源着色器和程序二进制代码之间的差别以及它们的使用方法。   第5章——OpenGL ES着色语言   第5章介绍编写着色器所需的着色语言的基础知识。这些着色语言基础知识包括变量和类型、构造器、结构、数组、统一变量、统一变量块(uniform block)和输入/输出变量。该章还描述着色语言的某些更细微的部分,例如精度限定符和不变性。   第6章——顶点属性、顶点数组和缓冲区对象   从第6章开始(到第11章为止),我们将详细介绍管线,教授设置和编程图形管线各个部分的方法。这一旅程从介绍几何形状输入图形管线的方法开始,包含了对顶点属性、顶点数组和缓冲区对象的讨论。   第7章——图元装配和光栅化   在前一章讨论几何形状输入图形管线的方法之后,第7章将讨论几何形状如何装配成图元,介绍OpenGL ES 3.0中所有可用的图元类型,包括点精灵、直线、三角形、三角形条带和三角扇形。此外,我们还说明了在顶点上进行坐标变换的方法,并简单介绍了OpenGL ES 3.0管线的光栅化阶段。   第8章——顶点着色器   我们所介绍的管线的下一部分是顶点着色器。第8章概述了顶点着色器如何融入管线以及OpenGL ES 着色语言中可用于顶点着色器的特殊变量,介绍了多个顶点着色器的示例,包括逐像素照明和蒙皮(skinning)。我们还给出了用顶点着色器实现OpenGL ES 1.0(和1.1)固定功能管线的示例。   第9章——纹理   第9章开始介绍片段着色器,描述OpenGL ES 3.0中所有可用的纹理功能。该章提供了创建纹理、加载纹理数据以及纹理渲染的细节,描述了纹理包装模式、纹理过滤、纹理格式、压缩纹理、采样器对象、不可变纹理、像素解包缓冲区对象和Mip贴图。该章介绍了OpenGL ES 3.0支持的所有纹理类型:2D纹理、立方图、2D纹理数组和3D纹理。   第10章——片段着色器   第9章的重点是如何在片段着色器中使用纹理,第10章介绍编写片段着色器所需知道的其他知识。该章概述了片段着色器和所有可用的特殊内建变量,还演示了用片段着色器实现OpenGL ES 1.1中所有固定功能技术的方法。多重纹理、雾化、Alpha测试和用户裁剪平面的例子都使用片段着色器实现。   第11章——片段操作   第11章讨论可以适用于整个帧缓冲区或者在OpenGL ES 3.0片段管线中执行片段着色器后适用于单个片段的操作。这些操作包括剪裁测试、模板测试、深度测试、多重采样、混合和抖动。本章介绍OpenGL ES 3.0图形管线的最后阶段。   第12章——帧缓冲区对象   第12章讨论使用帧缓冲区对象渲染屏幕外表面。帧缓冲区对象有多种用法,最常见的是渲染到一个纹理。本章提供API帧缓冲区对象部分的完整概述。理解帧缓冲区对象对于实现许多高级特效(如反射、阴影贴图和后处理)至关重要。   第13章——同步对象和栅栏   第13章概述同步对象和栅栏,它们是在OpenGL ES 3.0主机应用和GPU执行中同步的有效图元。我们讨论同步对象和栅栏的使用方法,并以一个示例作为结束。   第14章——OpenGL ES 3.0高级编程   第14章是核心章节,将本书介绍的许多主题串联在一起。我们已经选择了高级渲染技术的一个样本,并展示了实现这些功能的示例。该章包含使用法线贴图的逐像素照明、环境贴图、粒子系统、图像后处理、程序纹理、阴影贴图、地形渲染
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值