OpenGL渲染方式基础学习笔记

在OpenGL绘制3D立体场景绘制中。不同图形之间会出现重叠、遮挡、交叉。并且光源着色器对图形颜色进行重新计算。这就需要我们决定哪些部分是对观察者可见,哪些地方对观察者不可见。对于不可见的部分应及早丢弃
如不进行相关设置,则在渲染过程中会出现一些奇怪的情况。例如下图。


image.png

image.png

在设置隐藏面消除的过程,实际上就是 根据象素点距离观察者的距离对图形进行深度排序
OpenGL提供了三种比较常见的解决隐藏面消除的方法:

  • 油画法
  • 背面剔除
  • 深度缓冲 (也叫做 z-buffering)
    但是很遗憾这几种方法每种都有其局限性. 根据不同场景将三种方法结合使用。能解决大部分常见问题

1.油画法

OpenGL默认的渲染方式,无需代码设置,先绘制场景中距离观察者较远的物体,再绘制距离较近的物体


绘制顺序: 红->黄->灰

1.1 油画法优点

  • 1适合处理数量较少、较大的物体,此时处理速度较快且层级清晰(适用于其他两种渲染方式会出问题的情况)
  • 2 适合处理透明物体(具体见后面深度测试的问题。两个透明物体相交时仍然会有排序错误)

1.2 油画法缺点

  • 1 执行效率低:如图形较小,或者图形较多。则需要大量重复绘制,效率较低
    1. 无法处理图形重叠、交叉等现象,如下图
image.png

不透明的物体按深度缓冲排序
透明物体和不透明物体仍然会被深度缓冲处理(所以你永远不会通过一个不透明物体看到一个透明的)
油画家算法对透明的物体排序(两个透明物体相交时仍然会有排序错误)
依赖背面剔除来对单个透明物体上的三角形排序(如果物体不是凸面体也会产生错误)

2.背面剔除

对一个3D物体,通常我们最多可以看到物体的正面,而不能看到反面,如果我们采用一种方式识别出正面和反面,则不但可以提升绘制效率,也有助于解决视图绘制中出现的一些错位问题

2.1 如何识别正面反面

例如通常在OpenGL中。是使用三角形绘制图形。如图


OpenGL中大多数图形都是使用三角形做的绘制

在一个立体图形的绘制过程中,随着图形绘制延展到背面,顶点绘制顺序会变得相反(这块我刚开始有些难理解,但是如果将一个盒子拆成平面,并且按照同一个顺序绘制三角形。等到组合成盒子的时候,背面的三角形从正面看,就是和正面三角形顺序是反向的。这块需要一点空间想象力)

image.png

那么识别正反面的方式,就是通过分析顶点绘制顺序。确定正反面,背面剔除的原理就是

  • 1 确定一个方向是正面
  • 2 反面不进行绘制

启动背面剔除代码

 
开启表⾯面剔除(默认背⾯面剔除)
void glEnable(GL_CULL_FACE);
关闭表⾯面剔除(默认背⾯面剔除)
void glDisable(GL_CULL_FACE);
⽤用户选择剔除那个⾯面(正⾯面/背⾯面) 
void glCullFace(GLenum mode);
mode参数为: GL_FRONT,GL_BACK,GL_FRONT_AND_BACK ,默认GL_BACK ⽤用户指定绕序那个为正⾯面

2.2 背面剔除的缺点

背面剔除的缺点在于,如果识别背面的方式仅仅是通过顶点绘制顺序的话。对于一些多面图形,有可能会出现多余剔除的效果。如图

image.png

这个功能,依赖于使用深度测试解决

3 深度测试

为了解决背面剔除重复剔除的问题。OpenGL提供了深度缓冲区的方案。记录每个像素点的深度值。通过比较,找到距离观察者最近的那个像素点绘制,其他的像素点都丢弃。这样就不会出现重复剔除的问题。

3.1 深度缓冲区

深度缓冲区(DEPTH_BUFFER)与颜色缓冲区对应,用于记录上面每个像素的深度值,通过深度缓冲区,我们可以进行深度测试,从而确定像素的遮挡关系,保证渲染

颜色缓冲区(COLOR_BUFFER)就是帧缓冲区(FRAME_BUFFER),你需要渲染的场景最终每一个像素都要写入该缓冲区,然后由它在渲染到屏幕上显示.

3.2深度缓冲原理

深度缓冲区原理就是把一个距离观察平面(近裁剪面)的深度值(或距离)与窗口中的每个像素相关联。

  • 1首先,使用glClear(GL_DEPTH_BUFFER_BIT),把所有像素的深度值设置为最大值(一般是远裁剪面)。

  • 2 绘制所有物体,此时并不考虑遮挡

  • 3 绘制完所有物体之后,根据深度测试规则,符合最终条件的像素会被绘制,其他像素被丢弃

启动并关闭深度测试代码

/*每次启动之前,都需要调用glClear清除深度缓冲区*/
void glClear(GL_DEPTH_BUFFER_BIT)
void glEnable(GL_DEPTH_TEST)  

void glDisable(GL_DEPTH_TEST)  

void glDepthMask(GLBool value);
value : GL_TURE 开启深度缓冲区写⼊入; GL_FALSE 关闭深度缓冲区写⼊入

深度比较类型


image.png

4 小总结

  • 不透明的物体按深度缓冲排序
  • 透明物体和不透明物体仍然会被深度缓冲处理(所以你永远不会通过一个不透明物体看到一个透明的)
  • 油画家算法对透明的物体排序(两个透明物体相交时仍然会有排序错误)
  • 依赖背面剔除来对单个透明物体上的三角形排序(如果物体不是凸面体也会产生错误)

另外其实关于图形渲染除了OpenGL提供的基础方法之外,还可以采用一些图形图像算法的方式,如下面这篇文章

参考文档

OpenGL深度剥离算法(Depth Peeling)半透明实现
opengl渲染透明的三角面片的问题
Alpha混合物体的深度排序
深度缓冲详解(DepthBuffer)
OpenGL 深度缓冲区 Z缓冲区 介绍

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

推荐阅读更多精彩内容