GAMES101课程学习笔记—Lec 05~06：Rasterization 光栅化

最新推荐文章于 2024-03-08 19:03:10 发布
最新推荐文章于 2024-03-08 19:03:10 发布
阅读量3.1k 收藏 22
点赞数 11
分类专栏： 学习笔记：GAMES101-现代计算机图形学入门 文章标签： 图形学
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43803133/article/details/108040669
版权

GAMES101课程学习笔记—Lec 05~06：Rasterization 光栅化

1 从标准化设备坐标到屏幕

之前我们通过MVP矩阵把物体坐标变换到标准化设备坐标（每个顶点的x，y，z坐标都应该在-1.0到1.0之间）
那么接下来我们需要把它映射到屏幕中
那么就会产生以下问题
在这里插入图片描述

  • 何为屏幕？
    在图形学中，我们认为屏幕是一个二维数组，数组里的每一个元素为一个二维像素。
    屏幕是一个典型的光栅成像设备
    光栅化的过程就是把东西画在屏幕上的过程
  • 何为像素？
    在这门课中我们暂时认为它是小的方块，内部的颜色是一个整体的颜色，颜色值用RGB表示。

我们同样需要定义屏幕的空间
在这里插入图片描述

  • 屏幕空间即在屏幕中建立坐标系，XOY平面
    屏幕空间坐标为整数，范围从(0,0)到(width-1,height-1)
    像素(x,y)中心在(x+0.5,y+0.5)

通过视口变换可以将标准化设备坐标映射到屏幕坐标（暂时先不管Z）
在这里插入图片描述
视口变换后，我们要把这些多边形显示在光栅显示设备上
在这里插入图片描述
关于光栅显示设备的知识在此不作记录了

2 从图形到光栅显示

上文的老虎由不同的四边形组成，也有很多例子是靠三角形组成
在这里插入图片描述
三角形是最基本的多边形，拥有很多特性
在这里插入图片描述

  • 三角形可以分解其他的多边形
  • 三角形保证是平面的
  • 三角形的内外定义清晰，可以用叉乘判断内外
  • 三角形内可以定义明确的插值方法

接下来以三角形为例
在经过视口变换之后，我们知道了三角形变换到屏幕空间的位置，那么像素该如何显示呢？如何判断像素和三角形呢？
在这里插入图片描述

2.1 采样

采样也就是把一个函数离散化的过程
以下的图片展示了利用像素中心对屏幕空间的三角形进行2D采样的过程
在这里插入图片描述
在这里插入图片描述
我们定义了一个inside函数，判断了像素中心是否在三角形内部
伪代码的形式就像下图，遍历像素，判断是否inside
在这里插入图片描述
这个inside函数如何实现判断点Q呢？
我们要做的是叉乘
判断 P 1 P 2 × P 1 Q P_1P_2 × P_1Q P1​

最低0.47元/天 解锁文章
清清！
关注
专栏目录
GAMES101 梳理 / 个人向图形学笔记
qq_39006214的博客
04-06 7376
矩阵变换 Lecture2 线性代数 Lecture3-4 坐标变换 1、二维的坐标变化 2、三维的坐标变化 矩阵相乘的顺序是从右往左，矩阵变换的顺序应该是——旋转、缩放、平移。 为什么引入齐次坐标 不引入齐次坐标，类似斜切等 为什么引入齐次坐标？ 为了用一个矩阵就可以表示矩阵的变换 ...
Games101-课程10笔记
兔头咸鱼的博客
11-14 393
几何的介绍
GAMES 101 笔记
OrdinaryMatthew的博客
07-26 415
如图5，红色框框，框出来了用三个正交单位向量与內积来**坐标化向量**。有前向（可以看到的内涵），后向（看不到，被挡到的内涵）。自己决定，就是当点P在三角形边上的时候。一直在左边，或者一直在右边，就是P在。如图2，向量点乘可以判断夹角是否大于。反之，P在三角形ABC外部。左图可以判断两个向量的左右相对关系。如果三个式子的结果的向量的。在某些场景下，夹角小于。如果叉乘得到的向量的。...
Games101 学习笔记
t1370620378的博客
04-28 5701
文章目录第一章第二章 线性代数向量单位向量：向量相加：笛卡尔坐标系：向 量乘法：点乘叉乘标准正交基orthonormal矩阵矩阵乘法性质：矩阵的转置：单位矩阵和逆矩阵用于向量第三章 Transform缩放切变shear旋转矩阵线性变换平移齐次坐标仿射变换Affine Transformation第四章 Transform Cont3D旋转viewing transformation观测变换projection transformationorthographic projectionperspective
GAMES101—学习笔记（更新中）
最新发布
OkizukiNanami的博客
03-08 1368
光栅化曲线和网格光线追踪动画/模拟1.图形学不涉及推断推演，属于计算机视觉的内容。2.2D→3D属于计算机视觉，3D→2D偏向图形学。
【GAMES101】笔记目录
beidou111的博客
06-07 791
本文为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笔记_Lec05~06_光栅化 Rasterization
Ziiur的博客
02-04 570
1 视口变换-从裁剪空间到屏幕空间 Canonical Cube to Screen 1.1 什么是屏幕 What is a screen? 在图形学中，抽象的认为屏幕是一个二维数组，数组中每一个元素是一个像素 An array of pixels 这个数组的大小：分辨率 Size of the array: resolution 一种典型的光栅成像设备 A typical kind of raster display Raster == screen in German Rasterize == d
games101【lecture5-6】Rasterization
qq_39084602的博客
04-15 664
文章目录基础信息定义Canonical Cube to Screen什么是屏幕？屏幕空间[-1, 1]的平方空间如何转化到屏幕(width, height) 空间Drawing MachinesDifferent Raster Displays光栅化——Drawing to Raster Displays三角形：图形构造基础如何判断像素和三角形位置关系？采样——解决光栅化真实屏幕的光栅化——Rasterization on Real Displays走样的现象反走样——Antialiasing采样的理论走.
GAMES101课程学习笔记—Lec 21~22：Animation
清清！的博客
08-27 1811
GAMES101课程学习笔记—Lec 21~22：Animation1 简介1.1 动画历史 History1.2 关键帧动画 Keyframe animation1.3 物理模拟 Physical simulation1.3.1 质点弹簧系统 Mass Spring System1.3.2 粒子系统 Particle Systems1.4 运动学 Kinematics1.4.1 正向运动学 Forward Kinematics1.4.2 逆运动学 Inverse Kinematics1.5 角色绑定 Ri
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), 你需要将这三个点的坐 标变换为屏幕坐标并在屏幕上绘制出对应的线框三角形 (在代码框架中，我们已 经提供了 draw_triangle 函数，所以你只需要去构建变换矩阵即可)。简而言之， 我们需要进行模型、视图、投影、视口等变换来将三角形显示在屏幕上。在提供 的代码框架中，我们留下了模型变换和投影变换的部分给你去完成。
GAMES101-现代计算机图形学学习笔记（作业06）
06-28
在之前的编程练习中，我们实现了基础的光线追踪算法，具体而言是光线传 输、光线与三角形求交。我们采用了这样的方法寻找光线与场景的交点：遍历场景 中的所有物体，判断光线是否与它相交。在场景中的物体数量不大时，该做法可以 取得良好的结果，但当物体数量增多、模型变得更加复杂，该做法将会变得非常低 效。因此，我们需要加速结构来加速求交过程。在本次练习中，我们重点关注物体 划分算法 Bounding Volume Hierarchy (BVH)。本练习要求你实现 Ray-Bounding Volume 求交与 BVH 查找。
GAMES101-现代计算机图形学学习笔记（作业02）
06-04
GAMES101-现代计算机图形学学习笔记（作业02） 1. 修改函数 rasterize_triangle(const Triangle& t) in rasterizer.cpp: 在此 处实现与作业 2 类似的插值算法，实现法向量、颜色、纹理颜色的插值。 2. 修改函数 get_projection_matrix() in main.cpp: 将你自己在之前的实验中 实现的投影矩阵填到此处，此时你可以运行./Rasterizer output.png normal 来观察法向量实现结果。 3. 修改函数 phong_fragment_shader() in main.cpp: 实现 Blinn-Phong 模型计算 Fragment Color. 4. 修改函数 texture_fragment_shader() in main.cpp: 在实现 Blinn-Phong 的基础上，将纹理颜色视为公式中的 kd，实现 Texture Shading Fragment Shader. 5. 修改函数 bump_fragment_shader() in main.cpp: 在实现 Blinn-Phong 的基础上，仔细阅读该函数中的注释，实现 Bump mapping. 6. 修改函数 displacement_fragment_shader() in main.cpp: 在实现 Bump mapping 的基础上，实现 displacement mapping. 7. 双线性纹理插值: 使用双线性插值进行纹理采样, 在 Texture 类中实现一个新方法 Vector3f getColorBilinear(float u, float v) 并 通过 fragment shader 调用它。为了使双线性插值的效果更加明显，你应该 考虑选择更小的纹理图。请同时提交纹理插值与双线性纹理插值的结果，并 进行比较。
GAMES101课程学习笔记—Lec 07~09：Shading 定义、着色模型、着色频率、图形渲染管线、纹理
清清！的博客
08-19 3019
GAMES101课程学习笔记—Lec 07~09：Shading 定义、着色模型、着色频率、图形渲染管线、纹理0 回顾1 Shading: Definition 着色定义2 Blinn-Phong Reflectance Model 一种简单的着色模型3 Shading Frequencies 着色频率3.1 平面着色3.2 顶点着色3.3 像素着色3.4 对比3.5 顶点法线求法4 Graphics (Real-time Rendering)Pipeline 实时渲染管线5 Texture Mapping
GAMES101课程学习笔记—Lec 10~12：Geometry 几何、隐式与显式、曲线与曲面、网格
清清！的博客
08-21 2444
GAMES101课程学习笔记—Lec 10~12：Geometry 几何、隐式与显式、曲线与曲面1 几何的表达方式1.1 隐式几何1.2 更多的隐式表达方法1.2.1代数曲面1.2.2 CSG 构造实体几何1.2.3 距离函数1.2.4 分形几何1.3 显式几何1.4 更多的显式表达方法1.4.1 点云1.4.2 多边形网格2 曲线2.1 贝塞尔曲线2.1.1 计算贝塞尔曲线2.1.2 代数表示方法2.1.3 贝塞尔曲线性质2.1.4 逐段贝塞尔曲线2.1.5 连续性2.2 样条曲线3 曲面3.1 贝塞尔曲
GAMES101学习笔记
s_x_h__的博客
12-06 184
旋转矩阵仿射变换。
Games101学习笔记（一）
魏不饱的博客
07-09 748
Games101学习笔记1
Games101 课程笔记汇总（更新中）
佳潇翔
06-13 2136
Games101 课程笔记笔记Rasterization 光栅化Curves and Meshes 曲线和曲面Ray Tracing 光线追踪Animation / Simulation 动画与模拟课程大纲Lecture 1: Overview of Computer GraphicsLecture 2: Review of Linear AlgebraLecture 3: TransformationLecture 4: Transformation Cont.Lecture 5: Rasterizati
【Games101-计算机图形学入门个人笔记：第1-14课】
qq_46562530的博客
06-29 581
Games101课程链接：https://www.bilibili.com/video/BV1X7411F744?spm_id_from=333.337.search-card.all.click 配合学习书籍推荐： 第1-5课的个人笔记是手写笔记，从第6课开始是打字笔记。 目前在知乎更新到第14课的笔记，大家可以根据我的以下链接跳转到知乎查看笔记内容。 知乎：https://www.zhihu.com/people/ckeikei/posts...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值