【OpenGL】笔记二十九、抗锯齿（MSAA）

已于 2022-07-03 00:19:45 修改
阅读量3.2k 收藏 9
点赞数 4
分类专栏： OpenGL笔记 文章标签： c++ opengl 着色器 GLSL 抗锯齿
于 2022-07-03 00:19:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ycrsw/article/details/125579959
版权

1. 流程

经过之前的教程，我们目前渲染出来的画面已经有了足够的表现力，但是还是有一些缺陷，比如当我们的渲染画面分辨率跟不上屏幕分辨率时，在我们渲染的图形边缘一些比较严重的锯齿效果就会显现：
在这里插入图片描述
自然，这种效果就是因为画面采样像素太少，从而在一条直线上出现了明显的“断带”：
在这里插入图片描述 在这里插入图片描述
那么，理所当然的，解铃还须系铃人，我们可以增大采样数量，而目前应用比较广泛的抗锯齿方法也是多重采样MSAA，这种方法的原理很简单，就是将每个采样的像素分为四个像素进行采样计算，最后将结果进行平均计算：
在这里插入图片描述 在这里插入图片描述

2. 实现

2.1 增大帧缓冲

在【OpenGL】笔记二十三、帧缓冲中，我通过减少自定义帧缓冲的采样个数，最后还原到正常视口中完成了一种马赛克风的效果：
在这里插入图片描述
那么同样的，根据上面介绍的MSAA原理，我也可以通过增加自定义帧缓冲的采样个数，最后还原视口大小（其中有自动求平均的功能）来完成抗锯齿的效果（以4X4采样，离屏渲染为例）：

首先在每次渲染前增大视口：

	while (!glfwWindowShouldClose(window))
    {
        glViewport(0, 0, 800 * 4, 600 * 4);//增大视口，绑定自定义帧缓冲
        glBindFramebuffer(GL_FRAMEBUFFER, screen->framebuffer);
		...
		//渲染场景
		...
        screen->Draw(screenShader);//渲染帧缓冲
        glfwSwapBuffers(window);
        glfwPollEvents();
    }

然后在初始化自定义帧缓冲时按比例增大纹理和渲染对象附件

	void setup() {
        glGenVertexArrays(1, &quadVAO);
        glGenBuffers(1, &quadVBO);
        glBindVertexArray(quadVAO);
        glBindBuffer(GL_ARRAY_BUFFER, quadVBO);
        glBufferData(GL_ARRAY_BUFFER, sizeof(quadVertices), &quadVertices, GL_STATIC_DRAW);
        glEnableVertexAttribArray(0);
        glVertexAttribPointer(0, 2, GL_FLOAT, GL_FALSE, 4 * sizeof(float), (void*)0);
        glEnableVertexAttribArray(1);
        glVertexAttribPointer(1, 2, GL_FLOAT, GL_FALSE, 4 * sizeof(float), (void*)(2 * sizeof(float)));

        glGenFramebuffers(1, &framebuffer);
        glBindFramebuffer(GL_FRAMEBUFFER, framebuffer);
        glGenTextures(1, &textureColorbuffer);
        glBindTexture(GL_TEXTURE_2D, textureColorbuffer);
        glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, 800 * 4, 600 * 4, 0, GL_RGB, GL_UNSIGNED_BYTE, NULL);//增大纹理附件
        glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);
        glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
        glFramebufferTexture2D(GL_FRAMEBUFFER, GL_COLOR_ATTACHMENT0, GL_TEXTURE_2D, textureColorbuffer, 0);
        glGenRenderbuffers(1, &rbo);
        glBindRenderbuffer(GL_RENDERBUFFER, rbo);
        glRenderbufferStorage(GL_RENDERBUFFER, GL_DEPTH24_STENCIL8, 800 * 4, 600 * 4);//增大渲染缓冲对象
        glFramebufferRenderbuffer(GL_FRAMEBUFFER, GL_DEPTH_STENCIL_ATTACHMENT, GL_RENDERBUFFER, rbo); 
        if (glCheckFramebufferStatus(GL_FRAMEBUFFER) != GL_FRAMEBUFFER_COMPLETE)
            cout << "ERROR::FRAMEBUFFER:: Framebuffer is not complete!" << endl;
        glBindFramebuffer(GL_FRAMEBUFFER, 0);
    }

最后渲染我们的帧缓冲前还原视口大小：

    void Draw(Shader& shader) {
        glViewport(0, 0, 800, 600);
        glBindFramebuffer(GL_FRAMEBUFFER, 0);
        glDisable(GL_DEPTH_TEST);
        glClearColor(1.0f, 1.0f, 1.0f, 1.0f); 
        glClear(GL_COLOR_BUFFER_BIT);

        shader.use();
        shader.setInt("screenTexture", 0);
        glActiveTexture(GL_TEXTURE0);
        glBindVertexArray(quadVAO);
        glBindTexture(GL_TEXTURE_2D, textureColorbuffer);	// use the color attachment texture as the texture of the quad plane
        glDrawArrays(GL_TRIANGLES, 0, 6);
    }

前后效果对比：
在这里插入图片描述

在这里插入图片描述
可见实际的效果不错，但是我自己的感觉来看渲染的帧数下降了许多，那么有没有更高效的方法呢？当然

2.2 OpenGL自带MSAA

OpenGL有自带的MSAA功能，它的使用也是十分的方便：
首先创建窗口之前调用glfwWindowHint来创建多重采样缓冲：

glfwWindowHint(GLFW_SAMPLES, 16);

其中第二个参数就是我们的采样个数，每个像素采样16个其实就是4X4的采样

接下来我们就可以像之前那样在渲染前开启多重采样的功能：

glEnable(GL_MULTISAMPLE);

在这里插入图片描述
可以看到，效果甚至比我们上一个效果还好，甚至帧数也更高了，但是这种方法有一种弊端，那就是不能在离屏渲染时使用，意思是离屏时这样就是无效的，那么离屏渲染的前提下我们该怎么更好的完成抗锯齿的功能呢？

2.3 离屏MSAA

其实离屏MSAA并没有新增多少操作，和之前的【OpenGL】笔记二十三、帧缓冲中所说的差不多，只是我们在绑定自定义缓冲的纹理附件和渲染缓冲对象时，改变了部分调用的函数和纹理类型：

		glGenTextures(1, &textureColorbuffer);
        glBindTexture(GL_TEXTURE_2D_MULTISAMPLE, textureColorbuffer);
        glTexImage2DMultisample(GL_TEXTURE_2D_MULTISAMPLE, 4, GL_RGB, 800, 600, GL_TRUE);//多重采样纹理附件
        glBindTexture(GL_TEXTURE_2D_MULTISAMPLE, 0);
        glFramebufferTexture2D(GL_FRAMEBUFFER, GL_COLOR_ATTACHMENT0, GL_TEXTURE_2D_MULTISAMPLE, textureColorbuffer, 0);

        unsigned int rbo;
        glGenRenderbuffers(1, &rbo);
        glBindRenderbuffer(GL_RENDERBUFFER, rbo);
        glRenderbufferStorageMultisample(GL_RENDERBUFFER, 4, GL_DEPTH24_STENCIL8, 800, 600);//多重采样渲染缓冲对象
        glBindRenderbuffer(GL_RENDERBUFFER, 0);
        glFramebufferRenderbuffer(GL_FRAMEBUFFER, GL_DEPTH_STENCIL_ATTACHMENT, GL_RENDERBUFFER, rbo);

但是多重采样缓冲有一点特别，我们不能直接将它们的缓冲图像用于其他运算，比如在着色器中对它们进行采样。

一个多重采样的图像包含比普通图像更多的信息，我们所要做的是缩小或者还原(Resolve)图像。多重采样帧缓冲的还原通常是通过glBlitFramebuffer来完成，它能够将一个帧缓冲中的某个区域复制到另一个帧缓冲中，并且将多重采样缓冲还原。

	void Draw(Shader& shader) {
        glBindFramebuffer(GL_READ_FRAMEBUFFER, framebuffer);
        glBindFramebuffer(GL_DRAW_FRAMEBUFFER, 0);
        glBlitFramebuffer(0, 0, 800, 600, 0, 0, 800, 600, GL_COLOR_BUFFER_BIT, GL_NEAREST);
        // now bind back to default framebuffer and draw a quad plane with the attached framebuffer color texture
        glBindFramebuffer(GL_FRAMEBUFFER, 0);
        glDisable(GL_DEPTH_TEST); // disable depth test so screen-space quad isn't discarded due to depth test.
        // clear all relevant buffers
        glClearColor(1.0f, 1.0f, 1.0f, 1.0f); // set clear color to white (not really necessary actually, since we won't be able to see behind the quad anyways)
        glClear(GL_COLOR_BUFFER_BIT);

        shader.use();
        shader.setInt("screenTexture", 0);
        glActiveTexture(GL_TEXTURE0);
        glBindVertexArray(quadVAO);
        glBindTexture(GL_TEXTURE_2D, textureColorbuffer);	// use the color attachment texture as the texture of the quad plane
        glDrawArrays(GL_TRIANGLES, 0, 6);
    }

在这里插入图片描述
效果不错，但是有个问题，如果我们想要使用多重采样帧缓冲的纹理输出来做像是后期处理这样的事情呢？我们不能直接在片段着色器中使用多重采样的纹理。但我们能做的是将多重采样缓冲位块传送到一个没有使用多重采样纹理附件的FBO中。然后用这个普通的颜色附件来做后期处理，从而达到我们的目的。然而，这也意味着我们需要生成一个新的FBO，作为中介帧缓冲对象，将多重采样缓冲还原为一个能在着色器中使用的普通2D纹理。

		glGenFramebuffers(1, &fbo);
        glBindFramebuffer(GL_FRAMEBUFFER, fbo);
        // create a color attachment texture
        glGenTextures(1, &screenTexture);
        glBindTexture(GL_TEXTURE_2D, screenTexture);
        glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, 800, 600, 0, GL_RGB, GL_UNSIGNED_BYTE, NULL);
        glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);
        glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
        glFramebufferTexture2D(GL_FRAMEBUFFER, GL_COLOR_ATTACHMENT0, GL_TEXTURE_2D, screenTexture, 0);

然后我们渲染时将原缓冲复制到这个新缓冲中，并且改绑纹理为这个新纹理：

	void Draw(Shader& shader) {
        glBindFramebuffer(GL_READ_FRAMEBUFFER, framebuffer);
        glBindFramebuffer(GL_DRAW_FRAMEBUFFER, fbo);
        glBlitFramebuffer(0, 0, 800, 600, 0, 0, 800, 600, GL_COLOR_BUFFER_BIT, GL_NEAREST);
        // now bind back to default framebuffer and draw a quad plane with the attached framebuffer color texture
        glBindFramebuffer(GL_FRAMEBUFFER, 0);
        glDisable(GL_DEPTH_TEST); // disable depth test so screen-space quad isn't discarded due to depth test.
        // clear all relevant buffers
        glClearColor(1.0f, 1.0f, 1.0f, 1.0f); // set clear color to white (not really necessary actually, since we won't be able to see behind the quad anyways)
        glClear(GL_COLOR_BUFFER_BIT);

        shader.use();
        shader.setInt("screenTexture", 0);
        glActiveTexture(GL_TEXTURE0);
        glBindVertexArray(quadVAO);
        glBindTexture(GL_TEXTURE_2D, screenTexture);	// use the color attachment texture as the texture of the quad plane
        glDrawArrays(GL_TRIANGLES, 0, 6);
    }

这样我们就可以对多重采样后的纹理在着色器中进行后期处理了，比如下面这个灰度图的处理：

在这里插入图片描述

2.4 自定义抗锯齿

将一个多重采样的纹理图像不进行还原直接传入着色器也是可行的。GLSL提供了这样的选项，让我们能够对纹理图像的每个子样本进行采样，所以我们可以创建我们自己的抗锯齿算法。在大型的图形应用中通常都会这么做。

要想获取每个子样本的颜色值，你需要将纹理uniform采样器设置为sampler2DMS，而不是平常使用的sampler2D：

uniform sampler2DMS screenTextureMS;

使用texelFetch函数就能够获取每个子样本的颜色值了：

vec4 colorSample = texelFetch(screenTextureMS, TexCoords, 3);  // 第4个子样本
ycr的帐号
关注
  • 4
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
【我的OpenGL学习进阶之旅】收集到的关于如何在OpenGL ES上使用MSAA（Multisample Anti-aliasing）实现抗锯齿效果的资料和源码
字节卷动
03-03 890
在OpenGL ES平台上使用MSAA实现抗锯齿效果
MSAAFilter抗锯齿
06-13
MSAA（多采样抗锯齿，Multisample Anti-Aliasing）是其中一种广泛应用的抗锯齿方法。本篇将深入探讨MSAAFilter插件的原理、功能以及实际应用。 MSAAFilter是一种专门用于处理图像锯齿问题的插件，根据提供的描述，...
OpenGL 抗锯齿
希望能帮助大家，希望大家多多支持，你们的支持是我前进的动力。
06-27 1180
你可以看到，我们只是绘制了一个简单的立方体，你就能注意到它存在锯齿边缘。可能不是非常明显，但如果你离近仔细观察立方体的边缘，你就应该能够看到锯齿状的图案。如果放大的话，你会看到下面的图案：你能够清楚看见形成边缘的像素。这种现象被称之为走样(Aliasing)。有很多种抗锯齿（Anti-aliasing，也被称为反走样）的技术能够帮助我们缓解这种现象，从而产生更平滑的边缘。
OpenGL高级-抗锯齿
少年的博客
05-14 297
 当我们现在调用glfwCreateWindow，用于渲染的窗口就被创建了，这次每个屏幕坐标使用一个包含4个子样本的颜色缓冲。这意味着所有缓冲的大小都增长4倍。  现在我们请求GLFW提供了多样本缓冲，我们还要调用glEnable来开启多采样，参数是 GL_MULTISAMPLE。大多数OpenGL驱动，多采样默认是开启的，所以这个调用有点多余，但通常记得开启它是个好主意。这样所有OpenGL实现的多采样都开启了。 离屏MSAA  因为GLFW负责创建多采样缓冲，开启MSAA非常简单。如果我们打算使用我们自
MSAA-FBO-Demo-master_opengl抗锯齿_fbo抗锯齿_terrible8bm_抗锯齿_DEMO_
10-01
在本示例"MSAA-FBO-Demo-master"中，我们将深入探讨OpenGL多采样抗锯齿（MSAA）和帧缓冲对象（FBO）的使用，以及如何结合它们实现高效的抗锯齿效果。 首先，多采样抗锯齿（Multisample Anti-Aliasing，简称MSAA）是...
常见抗锯齿：SSAA、MSAA、CSAA、HRAA、CFAA、MLAA、FXAA、FXAA、MFAA
07-07
具体是MSAA只对Z缓存（Z-Buffer）和模板缓存(StencilBuffer)中的数据进行超级采样抗锯齿的处理。可以简单理解为只对多边形的边缘进行抗锯齿处理。相比SSAA对画面中所有数据进行处理，MSAA对资源的消耗需求大大减弱...
Unity抗锯齿插件CTAA V3 Cinematic Temporal Anti-Aliasing
08-04
CTAA 提供真正的电影质量时间超采样抗锯齿结果，可在物体运动时保持和保持清晰度和清晰度，性能大约相当于标准 FXAA,MSAA还可以与CTAA一起使用，提供无与伦比的真正离线质量结果，由于以很少的性能成本显着提高了...
android+ndk+opengles1.0点线抗锯齿
09-16
在OpenGL ES中，有两种主要的抗锯齿方法：多边形边缘抗锯齿（Multisample Anti-Aliasing, MSAA）和FXAA（Fast Approximate Anti-Aliasing）。 在Android NDK环境中，我们可以直接操作OpenGL ES接口，这样可以更灵活...
OpenGL学习笔记一之高级OpenGL篇十一 抗锯齿
飞飞飞的博客
05-08 1462
转载自https://learnopengl-cn.github.io/04%20Advanced%20OpenGL/11%20Anti%20Aliasing/ 在学习渲染的旅途中，你可能会时不时遇到模型边缘有锯齿的情况。这些锯齿边缘(Jagged Edges)的产生和光栅器将顶点数据转化为片段的方式有关。在下面的例子中，你可以看到，我们只是绘制了一个简单的立方体，你就能注意到它存在锯齿边缘了...
LearnOpenGL-高级OpenGL-11.抗锯齿
qq_34060370的博客
06-11 557
每个片段的颜色会由顶点数据插值而得出，得出的颜色存储在每个片段的中心 一个片段有4个采样点，这4个采样点的颜色都与片段中心的颜色一样 当一个片段的**4个**采样点被三角形包围，则片段的最终颜色是**四个**采样点颜色相加除以4 当一个片段有**两个**采样点被三角形包围，两个采样点在外面，则片段的最终颜色是会将**两个**采样点的颜色相加后除以4
OpenGL MSAA:抗锯齿技术详解
aDiligentCigarette的博客
12-04 2428
抗锯齿 anti-aliasing 一 概念 有时候OpenGL渲染出来的物体，其边缘会出现锯齿，显得很不丝滑。说白了，使物体在渲染时保持边缘丝滑而不出现锯齿的技术，就叫做抗锯齿。常用的技术是SSAA和MSAA,MSAA是SSAA的演进技术，全称是多采样点抗锯齿 multisampler anti-aliasing,本文主要介绍MSAA. 二 MSAA原理 片段着色器携带顶点数据运行时，将数据插入到像素的中心，MSAA随后使用一个很大的的带有设置了子采样点的深度/模板缓冲去选择哪些子采样点被覆盖，然
LearnOpenGL 总结记录<10> MSAA
aa20274270的博客
01-30 665
思路： (一个像素 有多个subsample，在光栅化的时候，看看三角形覆盖了一个pixel的多少个subsample，假设一共4个subsample，如果覆盖了2个，那么这2个subsample 都保存了这个三角形PS 返回的颜色，其余的2个没有被覆盖的subsample的颜色为黑色，但是最终 这个Pixel 的颜色由 4个subsample的平均值求出) What multisamplin...
opengl之抗锯齿（有用到帧缓冲）
wqdqwass的博客
09-13 2042
官方文档 openglCN之抗锯齿 抗锯齿 结合图形学内容 抗锯齿（Anti-aliasing，也被称为反走样） 超采样抗锯齿(Super Sample Anti-aliasing, SSAA)的技术，它会使用比正常分辨率更高的分辨率（即超采样）来渲染场景，当图像输出在帧缓冲中更新时，分辨率会被下采样(Downsample)至正常的分辨率。 多重采样抗锯齿(Multisample Anti-aliasing, MSAA) 多重采样 OpenGL光栅器：栅器会将一个图元的所有顶点作为输入，并将它转换为
OpenGL-抗锯齿
weixin_38498942的博客
11-13 1785
一、简介 在做OpenGL的渲染图像时，我们经常会遇到模型边缘有锯齿的问题。锯齿边出现的原因是由顶点数据像素化之后成为片段的方式所引起的。 二、抗锯齿技术 在立方体的边缘，我们放大后就会看到走样现象。有很多的技术能够减少走样，产生更平滑的边缘，这些技术叫做抗锯齿技术（Anti-aliasing，也成为反走样技术）。 首先，我们有一个叫做超级采样抗锯齿技术(Super Sample Anti-ali...
反走样和OpenGL多重采样
Frank的专栏
12-29 6063
介绍OpenGL中反走样算法MSAA的使用和细节
OpenGL抗锯齿优化及部分函数说明
可不期诺的博客
02-21 667
抗锯齿是图形学中的一个重要概念，它指的是消除或减少图像中的锯齿现象，也就是边缘不平滑的现象。锯齿现象会影响图像的质量和真实感，所以在游戏或视频中，通常会使用一些抗锯齿算法来提高画面的美观度。抗锯齿算法有很多种，其中比较常见的有FXAA、SMAA、MSAA、TAA等。这些算法各有优缺点，适用于不同的场景和需求。本文将主要介绍两种抗锯齿算法：TAA和FXAA，并比较它们的区别。
C++关键字
Johaden的博客
07-15 212
2.命名规则：①不能是关键字 ②只能由字母、数字、下划线组成 ③第一个字符必须是字母或下划线 ④标识符中字母区分大小写。1.关键字是C++系统中预先保留的标识符单词，我们在定义变量或常量时不能使用关键字。这是所有C ++关键字的列表。（从C ++ 17开始）
JNI: 在Kotlin和C++之间通过JNI进行接口传递，两边参数定义映射
tyfwin的博客
07-15 1051
在Kotlin和C++之间通过JNI进行接口传递时，需要注意两边参数定义的映射关系。JNI（Java Native Interface）为Java（Kotlin也适用）与本地语言（如C/C++）之间的交互提供了桥梁。在Kotlin中定义的外部函数和C++中的实现需要通过JNI签名相互对应。
C++ std::thread 管理线程生命周期：join 和 detach
最新发布
m0_59680769的博客
07-16 985
方法用于同步主线程和子线程。也就是说，当主线程调用子线程的join方法时，主线程会被阻塞，直到子线程完成其执行。这意味着join方法确保主线程等待子线程结束，然后继续执行后续代码。t.join()方法则是让子线程在后台独立运行，与主线程分离。分离后的线程（也称为“游离线程”）不能再被join，它的资源会在该线程完成后自动释放。主线程会继续执行而不会等待该子线程。如果把std::this_thread::sleep_for(std::chrono::seconds(3));
opengl 抗锯齿
09-26
抗锯齿（Anti-aliasing）是一种技术，可以减少在图形渲染中出现的锯齿状边缘。在OpenGL中，可以通过启用多重采样（MSAA）来实现抗锯齿效果。多重采样通过在图形渲染中使用更多的样本点来平滑边缘，从而减少锯齿的出现。 要在OpenGL中启用抗锯齿，可以使用以下步骤： 1. 首先，确保你的OpenGL驱动已经默认开启了多重采样功能。大多数情况下，OpenGL的多重采样是默认开启的，但为了确保，你可以显式地调用以下代码启用多重采样： glEnable(GL_MULTISAMPLE); 2. 在渲染物体之前，设置好多重采样缓冲区，可以使用以下代码： glfwWindowHint(GLFW_SAMPLES, 4); // 设置采样点数量 glfwWindowHint(GLFW_SAMPLES, GLFW_DONT_CARE); // 设置为GLFW_DONT_CARE可以使用驱动默认的采样点数量 3. 最后，在渲染循环中，确保在渲染之前启用多重采样： glEnable(GL_MULTISAMPLE); 通过以上步骤，你就可以在OpenGL中启用抗锯齿效果了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ycr的帐号

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值