OpenGL ES 3.0 深度测试(OC)(二)

2020-06-22 15:52:26 浏览数 (1)

先看最终的效果

WechatIMG6.jpeg

本文章是基于文章一,开始讲解的。 效果就是个3D的正方体的盒子。 如果实现这个效果需要的步骤: 1.创建窗口 2.初始化环境(Context) 3.申请缓存区(渲染缓存,深度测试,帧缓存) 4.加载着色器关联链接程序 5.设置顶点 6.加载纹理 7.渲染 其中,创建窗口,初始化环境(Context),申请缓存区(渲染缓存,帧缓存),加载着色器关联链接程序,设置顶点,加载纹理。 这几个步骤同文章一,下面主要讲解下申请缓存区(深度测试),和渲染的步骤。

1.申请缓存区(深度测试)

一般情况下我们要申请渲染缓存区,帧缓存区,如果使用深度测试也需要申请深度缓存区。 其中渲染缓存区

代码语言:javascript复制
// 创建 绑定 渲染缓存
    glGenRenderbuffers(1, &_myColorRenderBuffer);
    glBindRenderbuffer(GL_RENDERBUFFER, _myColorRenderBuffer);

帧缓冲区

代码语言:javascript复制
// 创建 绑定帧缓存
    glGenFramebuffers(1, &_myColorFrameBuffer);
    glBindFramebuffer(GL_FRAMEBUFFER, _myColorFrameBuffer);

在创建和绑定好渲染缓存区和帧缓存区后,还需要绑定下

代码语言:javascript复制
    // 在帧缓存 和 渲染缓存创建 和 绑定结束后需要
    // 渲染缓存作为帧缓存的某种(颜色、深度、模板)附件
    glFramebufferRenderbuffer(
                              //帧缓冲区类型
                              GL_FRAMEBUFFER,
                              //缓冲附件类型
                              GL_COLOR_ATTACHMENT0,
                              //渲染缓冲区类型
                              GL_RENDERBUFFER,
                              //渲染缓冲句柄
                              _myColorRenderBuffer);

下面需要开始创建深的缓存区

代码语言:javascript复制
    // 深度缓存
    GLint width;
    GLint height;
    glGetRenderbufferParameteriv(GL_RENDERBUFFER, GL_RENDERBUFFER_WIDTH, &width);
    glGetRenderbufferParameteriv(GL_RENDERBUFFER, GL_RENDERBUFFER_HEIGHT, &height);
    
    // 申请深度渲染缓存
    glGenRenderbuffers(1, &_depthRenderBuffer);
    glBindRenderbuffer(GL_RENDERBUFFER, _depthRenderBuffer);
    // 设置深度测试的存储信息
    glRenderbufferStorage(GL_RENDERBUFFER, GL_DEPTH_COMPONENT16, width, height);
    // 关联深度缓冲到帧缓冲区
    // 将渲染缓存挂载到GL_DEPTH_ATTACHMENT这个挂载点上
    glFramebufferRenderbuffer(
                              GL_FRAMEBUFFER,
                              GL_DEPTH_ATTACHMENT,
                              GL_RENDERBUFFER,
                              _depthRenderBuffer);
    // GL_RENDERBUFFER绑定的是深度测试渲染缓存,所以要绑定回色彩渲染缓存
    glBindRenderbuffer(GL_RENDERBUFFER, _myColorRenderBuffer);

其中这次glFramebufferRenderbuffer,是将深度缓存区添加到帧缓存区的深度(GL_DEPTH_ATTACHMENT)附件中。并且还需要重新绑定一次渲染缓存区。

2.渲染

当申请好深度缓存区后,就可以通过glEnable(GL_DEPTH_TEST);开启深度测试。 最后在每次渲染的时候还需要执行glClear(GL_DEPTH_BUFFER_BIT);清除深度缓存区。整个深度测试流程就结束了。

3.什么是深度测试

  1. 深度测试的概念: 深度其实就是该像素点在3D世界中距离摄像机的距离Z值
  2. 什么是深度缓冲区? 深度缓存区,就是一块内存区域,专门储存着每个像素点(绘制在屏幕上的)深度值。深度值(Z值)越大,则离摄像机越远。
  3. 为什么需要缓冲区? 在不使用深度测试的时候,如果我们先绘制一个距离比较近的物理,再绘制距离较远的物理,则距离远的位图因为后绘制,会被距离近的物体覆盖掉。有了深度缓冲区后,绘制 物体的顺序就不那么重要的。实际上,只要存在深度缓冲区,OpenGL都会把像素的深度值写入到缓冲区中。除非调用glDepthMask(GL_FALSE)来禁止写入。
  4. 为什么每次渲染需要执行一次Clear 深度缓冲区原理就是把一个距离观察平面(近裁剪面)的深度值(或距离)与窗口中的每个像素相关联。 首先,使用glClear(GL_DEPTH_BUFFER_BIT),把所有像素的深度值设置为最大值(一般是远裁剪面)。然后,在场景中以任意次序绘制所有物体。硬件或者软件所执行的图形计算把每一个绘制表面转换为窗口上一些像素的集合,此时并不考虑是否被其他物体遮挡。其次,OpenGL会计算这些表面和观察平面的距离。如果启用了深度缓冲区,在绘制每个像素之前,OpenGL会把它的深度值和已经存储在这个像素的深度值进行比较。新像素深度值<原先像素深度值,则新像素值会取代原先的;反之,新像素值被遮挡,他颜色值和深度将被丢弃。为了启动深度缓冲区,必须先启动它,即glEnable(GL_DEPTH_TEST)。每次绘制场景之前,需要先清除深度缓冲区,即glClear(GL_DEPTH_BUFFER_BIT),然后以任意次序绘制场景中的物体。

代码: https://github.com/YBYHunter/OpenGL-ES-Demo/tree/master

记得Star!Star!

0 人点赞