06 games101-光栅化（深度测试与抗锯齿）

最新推荐文章于 2024-03-20 17:47:45 发布
最新推荐文章于 2024-03-20 17:47:45 发布
阅读量1.7k 收藏 51
点赞数 64
分类专栏： games101系列笔记及其作业 文章标签： 图形渲染
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zgynbnbnb/article/details/136707081
版权

06 光栅化（深度测试与抗锯齿）

从采样分析走样

采样的对象：

●在位置上采样——照片

●在时间上采样——视频

以下副标题均是在时域上分析。

采样的瑕疵(Artifacts)

Artifacts(Erros/ Mistakes/ Inaccuracies)

●锯齿

●摩尔纹

●车轮效应

●…

image-20240314123415648

走样的原因

信号频率太快，采样太慢。

反走样大致方向

在采样之前做一个模糊

image-20240314123522869

注意模糊和采样的顺序：先模糊后采样

image-20240314123549573

从频率分析走样（信号处理）

以下副标题全是在频域上分析。

频域(Frequency Domain)

定义：

频域frequency domain 是描述信号在频率方面特性时用到的一种坐标系。

自变量是频率，即横轴是频率，纵轴是该频率信号的幅度，也就是通常说的频谱图。

image-20240314123710753

傅里叶级数和傅里叶变换

定义：任何周期函数都可以用正弦函数和余弦函数构成的无穷级数来表示。

image-20240314123745603

●傅里叶变换作用：把信号分解成频率，即从时域转换到频域

●逆傅里叶变换：从频域转换到时域

image-20240314123807062

频率与采样

产生走样的原因：采样跟不上频率

image-20240314123843736

走样的定义（频率角度）：一样的采样下无法区别出不同的频率的曲线

image-20240314123900547

图像与频域

image-20240314123925032

​ 我们已经知道通过傅里叶变换可以把图像信号从时域变换到频域，上图中左侧是原本的图片，也就是图像的时域信号，经过傅里叶变换变换到频域，得到上图中右侧的图片，右侧中的图片的中心表示低频区域，以这点为中心向周围扩散，越往外频率越高，在不同频率的位置上有多少信息用亮度来表示，以右侧图来说明，中心比较亮，说明图片上大多是低频信息，也有部分高频信息，但相对于低频信息特别少，如果感兴趣可以试一下，比如一张图片经过傅里叶变换，你会发现基本就是右侧图片的样子，也就是说，自然接种拍摄的图片基本都是低频信息会占据相当大的比例，而高频信息只是占了很小一部分，如果你发现右侧图中有一个条水平的直线和竖直一条竖直的直线比较亮，是怎么回事呢，简单说一下图形学中分析信号的时候回认为它通常是周期性重复的，对于不周期性重复（例如一张图片）就认为到了右边界之后重复左边界，左边界和右边界通常通常内容相乘较大，就会产生剧烈的信号变化，也就会产生极其高的高频信号，上边界和下边界同理，所以在经过傅里叶变换的图片中会看到两条水平和垂直的比较亮的线 傅里叶变换可以让我看到一张图片中的信号在不同频率长什么样，通用的说法就是任何信号在不同频率长什么样，也称为频谱。

滤波

定义：过滤某种频率的信号。

高通滤波

image-20240314124030097

右图是高通滤波后的结果，左图是右图逆傅立叶变换后的结果。

●高通滤波：只通过（剩下）高频信息

●结果：保留边界

●解释：边界即与周围发生剧烈颜色突变——高频信号

低通滤波

image-20240314124057166

右图是高通滤波后的结果，左图是右图逆傅立叶变换后的结果。

●低通滤波：只通过（剩下）低频信息

●结果：模糊

●解释：看不到边界——模糊

带通滤波

带通滤波，允许限定频段的波通过，通常是将一张图片经过傅里叶变换得到频域，然后去掉高于限定的最高频和低于限定的最低频信号，如下图中右侧，像一个圈圈一样，经过逆傅里叶变换就可以得到左侧的图像。

image-20240314124133455

image-20240314124141093

卷积

以下副标题从图形学角度讨论。

​ 卷积实际上就是定义一个滤波器(滤波器也被称之为卷积核)，这个滤波器可以是一维数组也可以是二维数组，使用这个滤波器对原来的信号挨个进行处理，然后把处理好的结果写进一个与原数据相同大小的容器中，滤波的本质是将信号与滤波器在时域上进行卷积的操作。

卷积的定义

●原始信号的任意一个位置，取其周围的平均

●作用在一个信号上，用一种滤波操作，得到一个结果Result

image-20240314124219838

卷积定理

卷积定理：时域上的卷积=频域上的乘积 做一个卷积的两种方式：

●图和滤波器直接在时域上做卷积操作（下图上半部分）

●先把图傅里叶变换，变换到频域上，把滤波器变到频域上，两者相乘；乘完之后再逆傅里叶变换到时域上（下图下半部分）

image-20240314124239005

卷积盒(Box Filter)

卷积盒即低通滤波器。

例：3x3卷积盒

image-20240314124258140

乘以1/9的原因——对处理结果进行归一化：卷积操作时原图像中的9个像素卷积盒中的元素分别相乘再相加，得到的是原来的9倍，会导致图像异常明亮。

卷积盒是低通滤波器的原因：卷积核经过傅里叶变换后，可以发现它大都是低频信号。

image-20240314124324473

image-20240314124333396

时域上变大 → 频域上变小 Why：卷积盒尺寸越大，参与模糊的信息越多，就越模糊，频率越小。

采样与频域

采样(Sampling)：采样就是重复频率上的内容

image-20240314124359936

反走样

走样的性值

采样不够快→中间间隔小→信号混在了一起

image-20240314124539711

反走样的方法

设备上解决（不算反走样）：增加采样率（增加分辨率）——像素点像素小→像素点间隔小→采样率频率高→频谱间隔大

反走样：先模糊再采样

image-20240314124610839

image-20240314124622023

反走样的解释：

使用低通滤波，截去高频信号，这样原信号最大限度保留原有的样子，又缩小间隔，不会发生混叠，进而达到反走样的目的。

image-20240314124639811

MSAA

多重采样 MSAA（ Multi Sampling Anti-Aliasing）：把任何一个点/块都做一个平均，即对把像素分成更小的像素，每个小像素也有各自中心点，根据小像素在三角形内个数得到覆盖率，再通过覆盖率算出这个像素对应的颜色。 MSAA实际上解决的是对图形进行模糊操作的这个过程，他只是通过近似的一种方法进行模糊，只是增加采样点并没有提高屏幕分辨率。

过程：

image-20240314124657235

结果：

image-20240314124706827

FXAA

​ 快速近似抗锯齿 FXAA（Fast Approximate Anti-Aliasing），他是一种和采样无关，在图像层面做的处理，处理过程是先找到三角形的边界，把有锯齿的边界替换为没有锯齿的边界，而且处理起来非常快

TAA

​ 时间抗锯齿 TAA（Temporal Anti-Aliasing），最大的特点就是非常快速，是将静态的图片在时间上进行采样，图像不错MSAA，相连两帧显示的图像是一样，但是可以用相邻两帧同一个像素上不同位置的点来感知是否在三角形内，计算的时候要考虑上一帧感知的结果要被应用进来，相当于是MSAA对应的样本分布在时间上，并且当前这帧没有任何额外的操作

DLSS

​ 深度学习超级采样 DLSS （Deep Learning Super Sampling）,它依赖深度学习，使用低分辨率图像(比如1080p)生成高分辨率图像(8K)，再把8K图像缩回4K，得到抗锯齿图像，以代替传统的时间抗锯齿等技术

可见度/遮挡

在之前的绘制过程中我们没有考虑Z的信息，那么如何画出前后关系以及深度呢？更具体的说每个像素点所对应的可能不止一个三角形面上的点，我们该选择哪个三角形面上的点来显示呢？答案显然易见，离摄像头最近的像素点显示。这里定义z越大离摄像机越远。

对于深度的理解

●离摄像机越近深度越小，越远深度越大

●越近越黑，越远越白（参考美术的颜色值：0-1对应黑到白）

image-20240314124802051

Z-Buffer算法

Z-Buffer的核心思想是对每个像素的z进行比较。 Z-Buffer的算法步骤：

1Z-Buffer算法需要为每个像素点维持一个深度数组记为zbuffer，其每个位置初始值置为无穷大（即离摄像机无穷远）。

2随后我们遍历每个三角形面上的每一个像素点[x,y]，如果该像素点的深度值z，小于zbuffer[x,y]中的值，则更新zbuffer[x,y]值为该点深度值z，并同时更新该像素点[x,y]的颜色为该三角形面上的该点的颜色。

于是得到Z-Buffer算法的伪代码：

image-20240314124840923

例：

image-20240314124851419

近像素（小）盖住远像素（大） （离摄像机越近，值越小）

●更小->更新

●更大->不变

●相同：深度冲突

DLSS

​ 深度学习超级采样 DLSS （Deep Learning Super Sampling）,它依赖深度学习，使用低分辨率图像(比如1080p)生成高分辨率图像(8K)，再把8K图像缩回4K，得到抗锯齿图像，以代替传统的时间抗锯齿等技术

可见度/遮挡

在之前的绘制过程中我们没有考虑Z的信息，那么如何画出前后关系以及深度呢？更具体的说每个像素点所对应的可能不止一个三角形面上的点，我们该选择哪个三角形面上的点来显示呢？答案显然易见，离摄像头最近的像素点显示。这里定义z越大离摄像机越远。

对于深度的理解

●离摄像机越近深度越小，越远深度越大

●越近越黑，越远越白（参考美术的颜色值：0-1对应黑到白）

[外链图片转存中…(img-0bajXdrm-1710391834318)]

Z-Buffer算法

Z-Buffer的核心思想是对每个像素的z进行比较。 Z-Buffer的算法步骤：

1Z-Buffer算法需要为每个像素点维持一个深度数组记为zbuffer，其每个位置初始值置为无穷大（即离摄像机无穷远）。

2随后我们遍历每个三角形面上的每一个像素点[x,y]，如果该像素点的深度值z，小于zbuffer[x,y]中的值，则更新zbuffer[x,y]值为该点深度值z，并同时更新该像素点[x,y]的颜色为该三角形面上的该点的颜色。

于是得到Z-Buffer算法的伪代码：

[外链图片转存中…(img-iQEWwxcB-1710391834319)]

例：

[外链图片转存中…(img-lCqslnq7-1710391834319)]

近像素（小）盖住远像素（大） （离摄像机越近，值越小）

●更小->更新

●更大->不变

●相同：深度冲突

zgy1111222
关注
  • 64
    点赞
  • 踩
  • 51
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
GAMES101-现代计算机图形学学习笔记（作业02）
06-04
GAMES101-现代计算机图形学学习笔记（作业02） 1. 修改函数 rasterize_triangle(const Triangle& t) in rasterizer.cpp: 在此 处实现与作业 2 类似的插值算法，实现法向量、颜色、纹理颜色的插值。 2. 修改函数 get_...
GAMES101-现代计算机图形学学习笔记（作业01）
06-04
本次作业的任务是填写一个旋转矩阵和一个透视投影矩阵。给定三维下三个 点 v0(2.0, 0.0, −2.0), v1(0.0, 2.0, −2.0), v2(−2.0, 0.0, −2.0), 你需要将这三个点的坐 标变换为屏幕坐标并在屏幕上绘制出对应的线框...
Games101-光栅化(深度测试与抗锯齿)
Mhypnos的博客
03-20 989
Games101学习笔记
【GAMES101】课堂笔记6--光栅化（深度测试与抗锯齿）
beidou111的博客
06-06 462
本文为GAMES101现代计算机图形学入门 的学习笔记系列。我们的系列笔记将分为两部分：原课程为2020年2月闫令琪所教授的 GAMES101 现代计算机图形学入门。课程主页：https://sites.cs.ucsb.edu/~lingqi/teaching/games101.html （幻灯片和课程录像均在此处）课程共计22节。作业共计8次。针对人群：计算机图形学入门新手教材： Steve Marschner and Peter Shirley的"Fundamentals of Computer Gra
Games101 笔记 06光栅化（深度测试与抗锯齿）
richard9006的专栏
10-13 520
反走样 上次课的最后的是三角形有明显的锯齿, 学名是走样 (Aliasing) 视频 就是在时间中的采样 Artifacts(Errors/Mistakes/Inaccuracies)in Computer Graphics 图形中的一切错误,不准确都可以用这个 比如: 高速行走的轮胎会让你感觉又向后的趋势, 原因是人眼是时间上的采样跟不上采样的速度. Sampling Artifacts 采样错误 Jaggies - 锯齿 Moire - 摩尔纹, 把奇数行,列的纹理都去掉 车轮的效果
计算机图形学games101作业二 ---- 三角形光栅化 超采样抗锯齿 黑边处理
m0_63669388的博客
09-20 260
本文主要基于games101作业二，通过编写几个函数实现了三角形光栅化、抗锯齿操作，解决了黑边问题，并且给出了全部的代码，附有详细的解释，对初学者十分友好
GAMES101-现代计算机图形学学习笔记（作业06）
06-28
输、光线与三角形求交。我们采用了这样的方法寻找光线与场景的交点：遍历场景 中的所有物体，判断光线是否与它相交。在场景中的物体数量不大时，该做法可以 取得良好的结果，但当物体数量增多、模型变得更加复杂，该...
GAMES101-现代计算机图形学学习笔记（作业03）
06-28
Object Loader(用于加载三维模型), Vertex Shader 与 Fragment Shader，并且支持 了纹理映射。 而在本次实验中，你需要完成的任务是: 1. 修改函数 rasterize_triangle(const Triangle& t) in rasterizer.cpp: 在此 ...
GAMES101-现代计算机图形学学习笔记（作业07）
06-29
GAMES101-现代计算机图形学学习笔记（作业06） 在之前的练习中，我们实现了 Whitted-Style Ray Tracing 算法，并且用 BVH 等加速结构对于求交过程进行了加速。在本次实验中，我们将在上一次实验的基 础上实现完整的 ...
linux聊天系统，采用微信小程序与PC端双端开发。
06-15
后台采用apache服务器下的cgi处理c语言做微信小程序后台逻辑的脚本映射。PC端的服务器和客户端都是基于c语言写的。采用mysql数据库进行用户数据和聊天记录的存储。.zip C语言是一种广泛使用的编程语言，它具有高效、灵活、可移植性强等特点，被广泛应用于操作系统、嵌入式系统、数据库、编译器等领域的开发。C语言的基本语法包括变量、数据类型、运算符、控制结构（如if语句、循环语句等）、函数、指针等。下面详细介绍C语言的基本概念和语法。 1. 变量和数据类型 在C语言中，变量用于存储数据，数据类型用于定义变量的类型和范围。C语言支持多种数据类型，包括基本数据类型（如int、float、char等）和复合数据类型（如结构体、联合等）。 2. 运算符 C语言中常用的运算符包括算术运算符（如+、、、/等）、关系运算符（如==、!=、、=、<、<=等）、逻辑运算符（如&&、||、！等）。此外，还有位运算符（如&、|、^等）和指针运算符（如、等）。 3. 控制结构 C语言中常用的控制结构包括if语句、循环语句（如for、while等）和switch语句。通过这些控制结构，可以实现程序的分支、循环和多路选择等功能。 4. 函数 函数是C语言中用于封装代码的单元，可以实现代码的复用和模块化。C语言中定义函数使用关键字“void”或返回值类型（如int、float等），并通过“{”和“}”括起来的代码块来实现函数的功能。 5. 指针 指针是C语言中用于存储变量地址的变量。通过指针，可以实现对内存的间接访问和修改。C语言中定义指针使用星号（）符号，指向数组、字符串和结构体等数据结构时，还需要注意数组名和字符串常量的特殊性质。 6. 数组和字符串 数组是C语言中用于存储同类型数据的结构，可以通过索引访问和修改数组中的元素。字符串是C语言中用于存储文本数据的特殊类型，通常以字符串常量的形式出现，用双引号（"..."）括起来，末尾自动添加'\0'字符。 7. 结构体和联合 结构体和联合是C语言中用于存储不同类型数据的复合数据类型。结构体由多个成员组成，每个成员可以是不同的数据类型；联合由多个变量组成，它们共用同一块内存空间。通过结构体和联合，可以实现数据的封装和抽象。 8. 文件操作 C语言中通过文件操作函数（如fopen、fclose、fread、fwrite等）实现对文件的读写操作。文件操作函数通常返回文件指针，用于表示打开的文件。通过文件指针，可以进行文件的定位、读写等操作。 总之，C语言是一种功能强大、灵活高效的编程语言，广泛应用于各种领域。掌握C语言的基本语法和数据结构，可以为编程学习和实践打下坚实的基础。
基于Cartographer的室内SLAM系统研究与实现
06-15
本文研究了谷歌的Cartographer室内SLAM算法，为了提高其建图和定位的精确度对算法进行了改进。
示例代码：spring actuator添加自定义endpoint
06-15
示例代码：spring actuator添加自定义endpoint
关于Windows 9x的vmm32问题解决方法
06-15
关于Windows 9x的vmm32问题解决方法
基于JSP+Servlet的房源出租管理系统，适合毕业设计 和 大作业.zip
06-15
该资源内项目源码是个人的课程设计、毕业设计，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ ## 项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。 该资源内项目源码是个人的课程设计，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ ## 项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。
算法设计与分析 实验二 分治法求最近点对
06-15
算法设计与分析 实验二 分治法求最近点对
git忽略文件的配置文件
最新发布
06-15
git忽略文件
基于c语言开发的相关lib库，主要依赖第三方库，及对其进行封装.zip
06-15
C语言是一种广泛使用的编程语言，它具有高效、灵活、可移植性强等特点，被广泛应用于操作系统、嵌入式系统、数据库、编译器等领域的开发。C语言的基本语法包括变量、数据类型、运算符、控制结构（如if语句、循环语句等）、函数、指针等。下面详细介绍C语言的基本概念和语法。 1. 变量和数据类型 在C语言中，变量用于存储数据，数据类型用于定义变量的类型和范围。C语言支持多种数据类型，包括基本数据类型（如int、float、char等）和复合数据类型（如结构体、联合等）。 2. 运算符 C语言中常用的运算符包括算术运算符（如+、、、/等）、关系运算符（如==、!=、、=、<、<=等）、逻辑运算符（如&&、||、！等）。此外，还有位运算符（如&、|、^等）和指针运算符（如、等）。 3. 控制结构 C语言中常用的控制结构包括if语句、循环语句（如for、while等）和switch语句。通过这些控制结构，可以实现程序的分支、循环和多路选择等功能。 4. 函数 函数是C语言中用于封装代码的单元，可以实现代码的复用和模块化。C语言中定义函数使用关键字“void”或返回值类型（如int、float等），并通过“{”和“}”括起来的代码块来实现函数的功能。 5. 指针 指针是C语言中用于存储变量地址的变量。通过指针，可以实现对内存的间接访问和修改。C语言中定义指针使用星号（）符号，指向数组、字符串和结构体等数据结构时，还需要注意数组名和字符串常量的特殊性质。 6. 数组和字符串 数组是C语言中用于存储同类型数据的结构，可以通过索引访问和修改数组中的元素。字符串是C语言中用于存储文本数据的特殊类型，通常以字符串常量的形式出现，用双引号（"..."）括起来，末尾自动添加'\0'字符。 7. 结构体和联合 结构体和联合是C语言中用于存储不同类型数据的复合数据类型。结构体由多个成员组成，每个成员可以是不同的数据类型；联合由多个变量组成，它们共用同一块内存空间。通过结构体和联合，可以实现数据的封装和抽象。 8. 文件操作 C语言中通过文件操作函数（如fopen、fclose、fread、fwrite等）实现对文件的读写操作。文件操作函数通常返回文件指针，用于表示打开的文件。通过文件指针，可以进行文件的定位、读写等操作。 总之，C语言是一种功能强大、灵活高效的编程语言，广泛应用于各种领域。掌握C语言的基本语法和数据结构，可以为编程学习和实践打下坚实的基础。
games101 光栅化
07-28
- *2* *3* [【计算机图形学】【GAMES101学习笔记】Rasterization 光栅化](https://blog.csdn.net/charenCsdn/article/details/125854534)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值