图形学基础 - 深度缓存 & Blinn-Phong着色模型 & 着色频率

已于 2024-07-08 13:13:48 修改
阅读量884 收藏 27
点赞数 25
文章标签： 人工智能 计算机视觉 图形渲染 算法
于 2024-07-08 10:27:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/furrycute/article/details/140252115
版权

目录

深度缓存 Z-buffer

深度信息

Z-buffer算法

Shading 着色

Blinn-Phong着色模型

需要定义的新东西

额外说明

1.漫反射着色-Diffuse

2.高光着色-Specular

3.环境光-Ambient

着色频繁

常见的三种

预备知识

顶点法线

差值处理

深度缓存 Z-buffer

光栅成像时，我们怎么处理场景中间物体相互叠加的情况呢？


深度信息

我们知道场景里面的物体都是由三角形构成的，每一个三角形在最后成像时会占据很多个像素， 对于每一个三角形，三角形可以覆盖到的每一个像素投影到三角形上所走的距离就是深度信息

所以每次我们把距离像素最近的那一个物体的这个像素渲染出来就行了，使用深度信息寻找距离这个像素（采样点）最近的物体

Z-buffer算法

Z-buffer算法就是在渲染每一个图的时候都在更新每一个像素的深度信息，使这个像素始终记录着最浅的深度信息，保证接下来显现的是最近的物体的像素

生成一张图片的时候，我们往往同时进行两个事情

  1. 一个是渲染图片的颜色
  2. 同时我们还要更新每一个像素（采样点）的深度信息，记录最近的

怎么维护？首先我们保证得到了每一个三角形对于每一个采样点的深度信息：

  1. 就是先初始每一个像素深度为正无穷
  2. 在光栅开始时，遍历每一个三角形和每一个三角形的所有区域
  3. 如果这个区域距离像素更近，就更新这个像素的深度数组，同时渲染的颜色改为这个区域的颜色
  4. 如果比记录最近的远，就什么都不做

两个三角形类模拟一下这个过程，其中三角形的每一个区域的深度信息都已知：

最后生成的深度二维数组zbuffer[ ][ ]如果绘制成一张图片就是下图右边，深度大的白色， 进的是黑色，在我们深度二维数组更新完毕后，左边的图其实也就生成好了的，是同步进行的，这样再送这张图上屏幕，就没有卡顿了（双缓冲原理）

最后，光栅化就可以显示正常覆盖的图片了

Shading 着色

进入着色前，我们学了什么？

首先我们有相机和物体，然后通过第一节的变换我们可以将相机移到原点，并且始终看向的是-z方向，同时一起变换物体，把物体使用投影变换投影到（-1 ， 1）的区域内，在使用第二节光栅化和深度缓冲的知识将物体投影成屏幕上的像素，投影时就是进行采样，进行MSAA抗锯齿

所以现在我们需要知道每一个像素的颜色是什么，这个颜色对于光源来说，我们看到的明暗的是什么样子的

Blinn-Phong着色模型

这个模型着色解决了三问题：

  • 漫反射的着色
  • 高光着色
  • 全局保底亮度

需要定义的新东西

这时候就需要着色了，使用Blinn-Phong反射模型，是一个着色模型，使用这个模型之前，需要知道一些物理量：

  1. 着色点：这个是着色的基本单位，是一个单位面积，这个点有颜色信息（纹理），光滑程度
  2. 法向量：这是单位向量，垂直于平面
  3. 观测方向：也是个单位向量，由着色点指向摄像机
  4. 光源方向：也是个单位向量，由着色点指向光源

额外说明

这个着色模型着色的时候，我们只考虑目前的这个着色点，周围没有其他物体，光线是没有遮挡的。只考虑光源和物体表面方向或者材质的作用，所以是没有因为遮挡出现的影子，但是平面因为自己方向问题造成的明暗是可以着色出来的

（上图没影子，但是有明暗）

1.漫反射着色-Diffuse

着色点接受的光的能量会因为角度有差别

物体为什么有明暗？是因为物体上的每一个着色点所在平面的方向与光源存在夹角，所以，着色点接受的光线能量大小是直射时的能量乘以着色点法线与光源向量的夹角的余弦值

光源的能量在传播是也会有消减

光源的能量在传播是也会有消减，假如光源的能量是 I ， 那么经过距离R ，剩下的能量是\frac{I}{R^{2}}

当我们考虑这两个因素，就知道光源到达我们这个着色点的能量大小，和物体可以接受多少能量了，这样，我们可以以这个能量大小作为我们的亮度值，结合着色点的颜色和粗糙度，来漫反射这个着色，计算出不管我们从哪一个方向看，这个点的着色（着色就是这个点的亮度或者颜色）

解释物理意义：

  • Ld就是出去的漫反射的能量（颜色）
  • I/r^2 就是光源到达这个点之后剩下的能量
  • n l 是cosθ ， 取max是为了反向来的光值为0
  • kd 是一个镜面反射系数，就是它决定反射多少出去，0表示全部吸收是黑色， 1 表示全部反射，就是漫反射的能量自己一点也不私吞。他也可以设置成RGB，形成颜色

注意，不管我们从哪一个方向看这个点，着色都是不变的，就是计算出来的这个Ld

这样我们就知道了对于每一个粗糙表面着色点的漫反射的着色值了

2.高光着色-Specular

之前我们知道，由公式：

我们知道，kd这个系数是决定物体的亮度或者颜色，因为它是控制反射出去的能量的大小或者颜色的，下图就是kd越大，说明反射越强，物体越亮

现在我们来考虑高光，什么时候你可以看到高光？就是你眼睛在往一个特定范围的方向看着色点的时候，你可以看到光源的高光（如下图）。观察方向和光源反射的方向接近的时候可以观察到

怎么描述观测方向和光源反射方向接近呢？我们可以做v 和 I 的角平分线h， 当观测方向和光源反射方向接近的时候，h 就会和法线 n 接近，所以可以是用 h 和 n 的接近程度来决定反射多少高光出去

所以我们得到高光反射的着色公式：

解释物理意义：

  • Ls就是出去的高光的能量（颜色）
  • ks 同样是一个反射系数，高光一般是很亮的白色，所以这个一般是一个很接近一的数
  • p 的作用就是为了将cos的有效值集中在角度很小的时候，保证我们的 h 和 n 非常接近的时候才会看到很亮的高光，一般是取200

看下图，当我们加上漫反射和高光，系数kd 和  指数 p 的作用很慢，明显了：

这样着色中就实现了高光的着色

3.环境光-Ambient

为了保证物体渲染出来黑的地方不是太黑，我们整体提高一个亮度，就是给一个最下限的亮度，这个叫环境光，环境光的大小La就是：

解释物理意义：

  • La就是环境光的能量（颜色）
  • ka 同样是一个反射系数，看这个物体黑不黑体了
  • Ia就是 环境光的亮度的能量值

结合上面的三种着色，对于一个物体，我们就可以着色出他的样子了

先是环境光，加上漫反射的颜色和明暗加上高光，就得到了由Blinn-Phong着色模型渲染出来的一个物体了

着色频率

常见的三种

着色的单位不是点吗？这个点的选取可以决定着色频率，目前有三种着色频率：

1.把每一个构成物体的三角形作为一个着色点，直接按照三角形的法线和方向计算出着色

2.把每一个顶点作为着色点，按照顶点的法线，计算出着色，然后，顶点之间的三角形的填充是按三个顶点的着色渐变填充

3.把每一个像素作为着色单位。按照三角形三个顶点的法线，中间每一个像素都渐变式的生成一个法线，然后每一个像素按照这个法线计算一个着色

预备知识

顶点法线

那么顶点的法线怎么定义呢？

就是构成这个点的三角新的法线的求和，在除以长度和。当然可以加权求平均

公式：

差值处理

怎么平滑填充三角形？怎么平缓过度的得到三角形里面像素的法线呢？这需要用到差值处理，后面在补充

哈德丫橙子
关注
  • 25
    点赞
  • 踩
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
计算机图形学(4)Shading--深度缓存Blinn-Phong反射模型
weixin_54115053的博客
05-19 477
在介绍深度测试之前，我们先想象一下，情景中有很多物体，那么一个显而易见的问题就是物体的遮挡问题，即物体摆放的顺序问题，有哪些物体是必须靠近屏幕的，有哪些物体一定是放在某一个物体的前面的等问题。那么，我们处理这类问题的一个显而易见的方法就是，按顺序在屏幕上先处理最远的，然后依次由远到近一层一层进行处理，即像油画家画画一样的处理手法，由远及近，层层遮挡，我们把这种处理方法叫做画家算法。 但是这种按远到近的顺序处理，是要经过一系列判断的，有时候会出现无法判断到底哪个物体是离相机最远或者最近的情况，即当有物体
umajin-shader-includes:Umajin着色器的着色器包含文件
03-30
在计算机图形学领域，着色器是用于处理图像和视觉效果的关键组件。GLSL（OpenGL Shading Language）是一种编程语言，专门设计用来编写这些着色器，以实现对GPU（图形处理器）的直接控制，从而实现更高效的渲染和复杂...
计算机图形学(七)-深度缓存、着色shadding、着色模型、着色频率、渲染管线
点燃火柴的博客
09-15 1532
图形渲染过程着色相关知识点，深度缓存实现原理、着色模型，面着色 Flat Shadding，顶点着色 Gauroud Shaddding 片元着色 Phong Shading 光照计算模型：漫反射光照模型、高光模型、环境光模型，渲染管线
计算机图形学【GAMES-101】3、着色计算(深度缓存、着色模型、着色频率)
记录值得记录的东西
12-07 1972
lecture07-081 Z-buffer深度缓存2 Shading着色2.1 Blinn-Phong 着色模型2.1.1 Diffuse Reflection漫反射2.1.2 Specular高光2.1.3 Ambient环境光2.2 Shading Frequencies着色频率2.2.1 Flat Shading面着色2.2.2 Vertex Shading顶点着色2.2.3 Pixel Shading3 Graphics Pipeline图形管线4 shaderGAMES101图形学专栏 上节课，
计算机图形学-深度、着色、Blinn--Phong、渲染管线
Asura_____的博客
03-27 186
666
图形学笔记（七）着色 —— Blinn-Phone 反射模型、着色频率、渲染管线、GPU
weixin_43399489的博客
10-26 1699
1 着色 Shading 1.1 定义 shading:The darkening or coloring of an illustration or diagram with parrel lines or a block of color. 引入明暗和颜色的不同。 着色：对不同物体应用不同材质（material）的过程。 1.2 Blinn-Phone 反射模型 1.2.1 基本的定义 计算某一着色点（shading point）对于相机的光照。 输入（v,n,l，长度都是1）： 观察方向，v 表
图形学基础 （五） 着色及着色频率
landing_guy_的博客
12-09 1063
介绍着色， 着色频率， 实时渲染管线，法线的求解等
着色 Shading，漫反射，高光，环境光，Blinn-Phong 反射模型，Flat Shading，Gouraud Shading，图形管线 Graphics Pipeline渲染总结
qq_43157227的博客
10-21 776
着色 Shading，漫反射，高光，环境光，Blinn-Phong 反射模型，Flat Shading，Gouraud Shading，图形管线 Graphics Pipeline渲染总结
GAMES101-现代计算机图形学入门07（着色）
持续学习还需要持续复习！我的B站DJの，语雀https://www.yuque.com/u29039111
07-13 188
前言：在学习的过程中笔记是不可缺少的，匆匆看过一遍不记笔记和实操的话总会忘掉一些知识点或者是记的不牢固，所以我写了本系列文章，一方面是强迫自己认认真真的看完一章课程，另一方面记笔记加深一下自己的记忆以及思考。所以本系列文章是我学习过程中的笔记，思考，实操以及作业然后分享给大家，欢迎大佬们指正。//出处知乎@SakuraWhite//对应课程7-9课一、可见性复杂的遮挡——如何在计算机显示二、引入概念——深度缓存（Z-Buffer）Z-Buffer算法深度缓存，会对每一个像素进行排列，同时生成fram buf
GAMES101-现代计算机图形学入门-闫令琪 - lecture7 着色(Shading) - 课后笔记
a1353206432的博客
05-30 1700
着色（Shading） 可视性 / 遮挡 Z - 缓冲 （Z - buffering，深度缓冲） 着色 光照 和 着色 （illunmination & Shading） 画家算法（Painter 's Algorithm） 先注明一下，这里的画家指的是油画家。画家算法的提出主要是为了实现深度缓冲 画家在画油画是，总是会从远景开始画，然后逐渐画近景覆盖远景，比如下图：最先画出一个蓝色的山，然后接着画绿地覆盖蓝色的闪，然后再接着画上几棵树覆盖绿地。 参考这个画家算法，我们要在图形学中
Filament自定义Blinn Phong光照模型
01-06
在计算机图形学中，光照模型是模拟物体表面受光效果的关键部分，用于创建逼真的视觉效果。本资源重点介绍的是如何在Filament框架下自定义Blinn Phong光照模型，这是一种广泛使用的经典光照模型，它结合了Phong模型和...
Real-Time Rendering 3rd（英文）
01-07
2. **光照模型**：介绍各种光照模型，如Phong模型、Blinn-Phong模型以及更现代的基于物理的光照模型，探讨了BRDF（双向反射分布函数）和BSDF（双向散射分布函数）的概念。 3. **纹理映射**：讲解如何使用纹理来增加...
PSRayTracing：Peter Shirley Ray Tracing
01-30
着色模型如Phong、Blinn-Phong或物理基渲染（PBR）用于计算表面的颜色。 4. **光照计算**：光线追踪需要考虑光源、环境光和全局光照。光源可以是点光源、聚光灯或区域光源，环境光则通过环境贴图提供。全局光照考虑...
计算机图形学期末考试汇总
07-09
Blinn-Phong模型是常用的着色模型，它简化了物理上更为复杂的光照计算。在渲染管线中，GPU负责大部分计算，包括顶点处理、光栅化和片段处理，以生成最终的帧缓冲区输出。 此外，纹理映射是将二维纹理应用到三维模型...
AGI 之 【Hugging Face】 的【问答系统】的 [构建问答系统] / [ 构建基于评论的问答系统 ] 的简单整理
仙魁XAN
07-12 635
AGI，即通用人工智能（Artificial General Intelligence），是一种具备人类智能水平的人工智能系统。它不仅能够执行特定的任务，而且能够理解、学习和应用知识于广泛的问题解决中，具有较高的自主性和适应性。AGI的能力包括但不限于自我学习、自我改进、自我调整，并能在没有人为干预的情况下解决各种复杂问题。AGI能做的事情非常广泛：跨领域任务执行：AGI能够处理多领域的任务，不受限于特定应用场景。自主学习与适应：AGI能够从经验中学习，并适应新环境和新情境。
YOLOv10改进 | 特殊场景检测篇 | 轻量级的低照度图像增强网络IAT改进YOLOv10暗光检测（全网独家首发）
热门推荐
Snu77的博客
07-11 1万+
本文给大家带来的改进机制是轻量级的变换器模型：Illumination Adaptive Transformer (IAT)，用于图像增强和曝光校正。其基本原理是通过分解图像信号处理器（ISP）管道到局部和全局图像组件，从而恢复在低光或过/欠曝光条件下的正常光照sRGB图像。具体来说，IAT使用注意力查询来表示和调整ISP相关参数，例如颜色校正、伽马校正。模型具有约90k参数和约0.004s的处理速度，能够在低光增强和曝光校正的基准数据集上持续实现优于最新技术（State-of-The-Art, SOTA）
Open-TeleVision——通过VR沉浸式感受人形机器人视野：兼备远程控制和深度感知能力
最新发布
结构之法 算法之道
07-12 855
这篇论文的链接，我当时快速看了一遍，还是有价值的一个工作(其应该有受humanplus工作的其他)，一直想做下解读来着，无奈过去一周一直在弄mamba2的解读，所以没来得及弄。码器捕捉图像和本体感觉标记的关系，Transformer解码器输出特定块大小的动作序列。手腕的姿态流式传输到服务器。服务器将人类姿态重新定向到机器人，并将关节位置目标。如下图所示，便是TeleVision的远程操作数据收集和学习设置。7.3日，我司大模型机器人(具身智能)线下营群里的一学员发了《左：我们的远程操作系统。
聊聊如何在内网下构建大模型微调环境
python1234567_的博客
07-12 666
LlamaFactory新版更新后，还是比较方便，只是说llamafactory-cli命令的确是有点蒙，踩个坑就好了。对于LlamaFactory微调来说，本身不难，毕竟都是配置；主要是在内网环境下的依赖包拉取安装是真麻烦，但其实也还好。走一遍的话，还是可以学到很多的。​。
blinn-phong模型实验码源
04-27
以下是使用OpenGL实现Blinn-Phong光照模型的代码示例： ```c #include <stdio.h> #include <stdlib.h> #include <GL/glut.h> // 材质参数 GLfloat mat_ambient[] = { 0.0, 0.0, 0.0, 1.0 }; GLfloat mat_diffuse[] = { 1.0, 1.0, 1.0, 1.0 }; GLfloat mat_specular[] = { 1.0, 1.0, 1.0, 1.0 }; GLfloat mat_shininess[] = { 50.0 }; // 光源参数 GLfloat light_position[] = { 1.0, 1.0, 1.0, 0.0 }; GLfloat light_ambient[] = { 0.0, 0.0, 0.0, 1.0 }; GLfloat light_diffuse[] = { 1.0, 1.0, 1.0, 1.0 }; GLfloat light_specular[] = { 1.0, 1.0, 1.0, 1.0 }; // 窗口大小 int window_width = 800; int window_height = 600; void init(void) { // 初始化材质参数 glMaterialfv(GL_FRONT, GL_AMBIENT, mat_ambient); glMaterialfv(GL_FRONT, GL_DIFFUSE, mat_diffuse); glMaterialfv(GL_FRONT, GL_SPECULAR, mat_specular); glMaterialfv(GL_FRONT, GL_SHININESS, mat_shininess); // 初始化光源参数 glLightfv(GL_LIGHT0, GL_POSITION, light_position); glLightfv(GL_LIGHT0, GL_AMBIENT, light_ambient); glLightfv(GL_LIGHT0, GL_DIFFUSE, light_diffuse); glLightfv(GL_LIGHT0, GL_SPECULAR, light_specular); // 启用光照和深度测试 glEnable(GL_LIGHTING); glEnable(GL_LIGHT0); glEnable(GL_DEPTH_TEST); } void display(void) { // 清除颜色缓冲区和深度缓冲区 glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); // 绘制一个立方体 glutSolidCube(2.0); // 交换前后缓冲区 glutSwapBuffers(); } void reshape(int width, int height) { // 设置视口大小 glViewport(0, 0, (GLsizei)width, (GLsizei)height); // 设置投影矩阵 glMatrixMode(GL_PROJECTION); glLoadIdentity(); gluPerspective(60.0, (GLfloat)width / (GLfloat)height, 1.0, 100.0); // 设置模型视图矩阵 glMatrixMode(GL_MODELVIEW); glLoadIdentity(); gluLookAt(0.0, 0.0, 5.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0); // 更新窗口大小变量 window_width = width; window_height = height; } int main(int argc, char** argv) { // 初始化GLUT库 glutInit(&argc, argv); glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGB | GLUT_DEPTH); glutInitWindowSize(window_width, window_height); glutInitWindowPosition(100, 100); glutCreateWindow("Blinn-Phong Lighting Model"); // 调用初始化函数 init(); // 注册回调函数 glutDisplayFunc(display); glutReshapeFunc(reshape); // 进入主循环 glutMainLoop(); return 0; } ``` 此代码实现了一个简单的立方体和Blinn-Phong光照模型。其中，材质参数和光源参数可以根据需要进行调整。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值