OpenGL 图形渲染

1、OpenGL 与 着色器

在OpenGL 3.0之前,OpenGL 包含一个固定功能的管线,它可以在不使用着色器的情况下处理几何与像素数据。在3.1版本开始,固定管线从核心模式去掉。因此现在需要使用着色器来完成工作。

2、OpenGL 基础图形管线

OpenGL 中的土元不过是顶点的集合以预定义的方式结合在一起。例如:一个单独的点就是一个图元,它只需要一个顶点。

2.1 渲染管线简化版本

Snip20180222_4.png

客户机、服务器
管线分为上下2部分,上部分是客户端,而下半部分则是服务端。
客户端是存储在CPU存储器中的,并且在应用程序中执行,或者在主系统内存的驱动程序中执行。驱动程序会将渲染命令和数组组合起来,发送给服务器执行 !(在一台典型的个人计算机上,服务器实际上就是图形加速卡上的硬件和内存)
服务器和客户机在功能上也是异步的。 它们是各自独立的软件块或硬件块。我们是希望它们2个端都尽量在不停的工作。客户端不断的把数据块和命令块组合在一起输送到缓冲区,然后缓冲区就会发送到服务器执行。
如果服务器停止工作等待客户机,或者客户机停止工作来等待服务器做好接受 多的命令和准备,我们把这种情况成为管线停滞。

着色器
上图的Vertex Shader(顶点着色器)Fragment Shader(片元着色器)
着色器是勇士GLSL编写的程序,看起来与C语言非常类似。着色器必须从源码中编译和链接在一起。最终准备就绪的着色器程序。

顶点着色器:处理从客户机出入的数据、应用转换、进行其他的类型的数学运算来计算光照效果、位移、颜色值等等。
渲染一个有3个顶点的三角形,顶点着色器将执行3次,每个顶点执行一次渲染。(在目前的硬件上有多个执行单元同时运行,就意味着3个顶点可以同时进行处理!)

如上图所示,顶点着色器完成工作之后,到了 primitive Assembly(图元装配) 阶段,说明三个顶点已经组合在一起,而三角形已经逐个片段的进行了光栅化。每个片段通过执行片元着色器进行填充。片元着色器 会输出我们在屏幕上看到的最终颜色值。

光栅化(Rasterization):光栅化阶段把图元转换成片段集合,之后会提交给片段着色器处理,这些片段集合表示可以被绘制到屏幕的像素。
输出的时每个片段对应的屏幕坐标,和属性(颜色,纹理坐标)

注意
我们必须在这之前为着色器提供数据,否则什么都无法实现。
有3中想OpenGL 着色器传递渲染数据的方法:

  1. 属性
  2. uniform值
  3. 纹理

3、属性、uniform值、纹理

3.1 属性

属性:就是对于每一个顶点都要作改变的数据元素。实际上,顶点位置本身就是一个属性。属性值可以是浮点数、整数、布尔数据。

属性总是以四维向量的形式进行内部存储的,即使我们不会使用所有的4个分 量。一个顶点位置可能存储(x,y,z),将占有4个分量中的3个。
实际上如果是在平面情况下:只要在xy平面上就能绘制,那么Z分量就会自动设置为0。
属性还可以是:纹理坐标、颜色值、光照计算表面法线。
在顶点程序(shader渲染)可以代表你想要的任何意义。因为都是你设定的。
属性会从本地客户机内存中复制存储在图形硬件中的一个缓冲区上。这些属性只提供给顶点着色器使用,对于片元着色器没有太大意义。

声明:这些属性对每个顶点都要做改变,但并不意味着它们的值不能重复。通常情况下,它们都是不一样的,但有可能整个数组都是同一值的情况。

3.1 Uniform值

属性是一种对整个批次属性都取统一值的单一值。它是不变的。通过设置 uniform变量就紧接着发送一个图元批次命令,Uniform变量实际上可以无数次限制地使用,设置一个应用于整个表面的单个颜色值,还可以设置一个时间值。在每次渲染某种类型的顶点动画时修改它。

uniform变量最常见的应用是在顶点渲染中设置变换矩阵。
与属性相同点:可以是浮点值、整数、布尔值 。
与属性不同点:顶点着色器和片元着色器都可以使用 uniform 变量。
uniform 变量还可以是标量类型、矢量类型、uniform矩阵。

注意
uniform 变量每个批次改变一次,而不是每个顶点改变一次。

3.3纹理

在顶点着色器、片元着色器中都可以对纹理数据进行采样和筛选。
典型的应用场景: 片元着色器对一个纹理值进行采样,然后在一个三角形表面应用渲染纹理数据。
纹理数据, 仅仅表现在图形,很多图形文件格式都是以无符号字节 (每个颜色通道8位)形式对颜色分量进行存储的。

学习完知识点,就应该在代码中验证知识,下面是一个demo效果图:
Feb-27-2018 22-11-17.gif

附上本篇的demo:demo下载地址

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,185评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,445评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,684评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,564评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,681评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,874评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,025评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,761评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,217评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,545评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,694评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,351评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,988评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,778评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,007评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,427评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,580评论 2 349

推荐阅读更多精彩内容