计算机图形学之GAMES101课程作业3的TBN矩阵

原创 已于 2022-03-07 18:51:52 修改 · 1.2k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#opengl #c++ #qt #图形渲染

于 2022-03-07 18:47:09 首次发布
该博客详细解析了计算机图形学中GAMES101课程中的TBN矩阵概念。TBN矩阵用于将切线空间转换为对象空间，其中e1和e2代表对象空间，x和y对应uv空间的u和v在切线空间的映射。通过矩阵运算，可以实现这两个空间之间的转换。法向量在切线空间和对象空间保持一致，这在3D图形渲染中至关重要。
部署运行你感兴趣的模型镜像

计算机图形学之GAMES101课程的TBN矩阵详解

具体解释：https://zhuanlan.zhihu.com/p/144357517
在这里插入图片描述

在这里插入图片描述

这里的e1和e2是由Object Space下的点表示出来的，所以e1和e2代表了Object Space，x与y代表了uv空间下u和v分别在切线空间下的映射（类似投影之类的线性换算），所以切线空间和uv空间有映射关系

总的来说：

Object Space = uv空间（u，0）* 切线空间（t,0） + uv空间(0,v) * 切线空间(0,b)

把上式子转换乘矩阵形式：

在这里插入图片描述

明显：Object Space = TBN矩阵 * 切线空间

因此：TBN矩阵具有将切线空间转换成Object Space的作用

法向量在切线空间和Object Space是一致的

您可能感兴趣的与本文相关的镜像

ACE-Step

ACE-Step

音乐合成
ACE-Step

ACE-Step是由中国团队阶跃星辰（StepFun）与ACE Studio联手打造的开源音乐生成模型。 它拥有3.5B参数量，支持快速高质量生成、强可控性和易于拓展的特点。 最厉害的是，它可以生成多种语言的歌曲，包括但不限于中文、英文、日文等19种语言

GAMES101-计算机图形学-作业3
qq_40297109的博客
04-26 513
任务： 修改函数rasterize_triangle(const Triangle& t) in rasterizer.cpp: 在此处实现与作业2 类似的插值算法，实现法向量、颜色、纹理颜色的插值。 修改函数get_projection_matrix() in main.cpp: 将你自己在之前的实验中实现的投影矩阵填到此处，此时你可以运行./Rasterizer output.png normal来观察法向量实现结果。 修改函数phong_fragment_shader() in main.c
GAMES101-现代计算机图形学入门（Assignment3）
最新发布
lzh804121985的博客
03-20 406
上节课已经对光栅化的操作有了了解，这节课直接引入了模型和纹理，其实本质就是引入了很多的顶点，操作其实没什么变化。根据插值出来的纹理坐标为每个像素提供对应在纹理图片中的颜色，与上一步区别就是漫反射系数换成了纹理颜色。这种应用层面的东西目前不是很想深究，不过它比bump mapping多的就是它是真的会修改三角形位置。这里边环境光是对于每个光源自带的么，为什么每个光源都要计算一次，而不是全局计算一次，有无懂哥？按照上述代码对传进来的像素的法线进行处理，最后的颜色就是法线值。听过课肯定都懂了，直接写进代码即可。
GLSL-TBN矩阵
qq_35312463的博客
05-01 7149
TBN矩阵 一、思考 我们研究一个矩阵的时候通常需要了解一个矩阵是从哪一个空间或者说矩阵而来的。如果搜索一下TBN矩阵运算公式可以发现其决定于物体坐标系下的顶点和纹理坐标系下的纹理坐标。想到这里我们需要明确TBN运算的输入和输出是什么。 先说输入：输入是一张纹理的rgb，分别代表纹理坐标系下的xyz轴上的分量，而TBN是一一对应于xyz的。 再说输出：输出是物体坐标系下的法线向量。 然后我们很...
切空间（TBN矩阵介绍）
小孔明的专栏
03-26 4241
http://www.opengl-tutorial.org/intermediate-tutorials/tutorial-13-normal-mapping/
GAMES101-现代计算机图形学学习笔记（作业03）
06-28
在这次编程任务中，我们会进一步模拟现代图形技术。我们在代码中添加了 Object Loader(用于加载三维模型), Vertex Shader 与 Fragment Shader，并且支持 了纹理映射。 而在本次实验中，你需要完成的任务是: 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.
GAMES101-ASSIGNMENT3（作业3）
dx1313113的博客
07-29 483
1.我们引入了一个第三方.obj文件加载库来读取更加复杂的模型文件，这部分库文件在OBJ_Loader.hfile.你无需详细理解它的工作原理，只需知道这个库将会传递给我们一个被命名被TriangleList的Vector，其中每个三角形都有对应的点法向量与纹理坐标。在实现Blinn-Phong的基础上，将纹理颜色视为公式中的kd，实现TextureShadingFragmentShader.在此处实现与作业2类似的插值算法，实现法向量、颜色、纹理颜色的插值。...............
法线贴图、TBN矩阵
weixin_43399489的博客
11-18 1024
法线纹理 下图是一张法线纹理： 每个纹素的RGB值实际上表示的是XYZ向量：颜色的分量取值范围为0到1，而向量的分量取值范围是-1到1；可以建立从纹素到法线的简单映射 normal = (2*color)-1 // on each component 由于法线基本都是指向”曲面外侧”的（按照惯例，X轴朝右，Y轴朝上），因此法线纹理整体呈蓝色。 法线纹理的映射方式和漫反射纹理相似。麻烦之处在于如何将法线从各三角形局部空间（切线空间tangent space，亦称图像空间image space）变换到模型空间
闫令琪：Games101 现代计算机图形学-作业Assignment03解析
weixin_39548859的博客
07-12 3364
本次作业的核心任务是： 完成布林冯模型的shader 完成凹凸贴图的shader 1. 作业框架梳理 因为之前两次作业都是三角形，本次是有3D模型，作业框架在之前的基础上稍微增加了一些内容，其处理流程梳理如下： a. 对3D模型的处理： 专门的读取obj文件的类，读取3D文件 obj文件内部其实存储的是一个个三角形面，一个三角形的三个顶点作为一个元素，存到TriangleList数组里。 接下来的所有的处理都是对这个数组元素的遍历处理，也就是一个三角形一个三角形的处理 b. 对三角形的坐标变换处理
games101，作业3
Elsa的迷弟
12-11 2554
games101 作业3 任务1. 1. 配置环境 2. 任务（代码分析，框架解释，运行错误的解决） 3. 运行结果
3D变换中法向量变换矩阵的推导
10-28
有关3D中重要的数学变换的推导 在一个 3D 几何管道中，输入的顶点要经过一系列的变换，最终变换到一个投影空间里 来，去掉最后的一个 Z-坐标后就是一个规格化的 2D 的屏幕坐标。变换通常分成两个步骤， 一是视图/模型变换（D3D里把这个分开成了两个变换世界变换和视图变换） ，二是投影变换 Project.
games101作业三凹凸贴图中TBN矩阵的T的原理是什么
kinosa的博客
03-04 481
如上，法线给出，为什么t就可以用这个公式来表示，网上搜到的都是直接给出了结论，很好奇推导过程是怎么样的。
切线空间以及TBN矩阵
122&&113的博客
07-20 2668
图形学中法线变换的原理以及TBN矩阵的理解
三角形网格的TBN矩阵中的Tangent计算。
javahigh1
12-14 617
面的tangent计算见http://blog.youkuaiyun.com/soilwork/article/details/1468860下面简单的说一下整个网格的tangent计算。 foreachfaceinlistt=face.tangent;forearchpointinfacepoint.tangent+=t;endendforeachpointinlistpoint.tangent.norma...
法线矩阵(Normal Matrix)和TBN矩阵
weixin_43789369的博客
07-30 2511
很多 顶点着色器 ( vertex shader) 中都用到法线矩阵 ( normal matrix )。本文内容涉及法线矩阵是什么、法线矩阵有什么用。有很多计算工作是在 观测空间 ( eye space ) 下完成的，其中包括与光照相关的计算。如果不在观测空间计算，与观测位置相关的效果将很难实现，如高光 ( specular )。因此，我们需要一种方法，将法线转换到观测空间。那为什么不能对法线做一遍同样的操作呢？法线是有 3 个浮点数分量的向量，模型-观测矩阵 是 4x4 的矩阵。
Opengl中的TBN矩阵的计算和使用
weixin_46525412的博客
09-13 2813
TBN矩阵 T：切线向量 B：副切线向量 N：法线向量 法线向量不用我们计算，我们的主要任务是根据三角形的坐标计算出T和B向量。 公式推导 如图，E2向量与纹理坐标的差ΔU2、ΔV2构成一个三角形。ΔU2 与切线向量T方向相同，而ΔV2与副切线向量B方向相同。这也就是说，所以我们可以将三角形的边E1与E2写成如下两个等式，其中ΔU2、ΔV2是两个差值是数，而B、T、E1、E2是向量，B、T还是方向向量： E1=ΔU1T+ΔV1B E2=ΔU2T+ΔV2B 将E1、E2和T、B写成向量的形式得到下面的等
切线空间（TBN） ---- 聊聊图形学中的矩阵运算
chishanxu3325的博客
12-11 5435
本文没有详细讲解切线空间的来源和推导过程，更无法详细讲解矩阵的意义和运算。所以肯定需要一些预备知识。 先说说矩阵运算：列主矩阵中向量（或者点）乘在右侧。若是用正交的三个坐标轴来构成一个矩阵的旋转部分，姿态矩阵每个坐标轴对应一列，物体空间的变换矩阵则每一个坐标轴对应一行。对...
关于 BumpMap 和 NormalMap 原理细节中的 Tangent Space 和 TBN 矩阵
weixin_30454481的博客
06-04 256
　　这篇文章假使你已经对 BumpMap 和 NormalMap 的流程有基本的了解。 　　这两天因为项目需要又复习了下 NormalMap 的原理细节，一年多以前细细看过一次，到现在忘了很多，可是当初又没有写笔记，所以在纠结细节的这两天因为数学差而特别痛苦。 　　BumpMap 和 NormalMap 说起来大家都非常熟悉，但就是就我个人而言，初次分析背后的原理有很多容易混淆的地方，对于爱钻...
GAMES101-现代计算机图形学学习笔记（4）作业3
糯米
07-30 1983
前言 上篇作业2 本篇将更新作业3相关内容 作业3相关链接 games的作业3链接 我的源码 作业3简述 插值计算 各种shader实现 作业3相关知识笔记 Barycentric Coordinates Blinn -Phong(Lambertian(Diffuse) Shading、Specular Shading、Ambient Shading) Flat shading、Gouraud shading、Phong shading Texture Magnification（Nearest、Bi
games101作业3框架解读
10-22
GAMES101作业3框架是一个光栅化器，用于将三角形渲染到屏幕上。该框架包含了rasterizer::draw函数和rasterizer::rasterize_triangle函数。其中，rasterize_triangle函数用于将三角形转换为屏幕上的像素，并将像素颜色存储在帧缓冲区中。而draw函数则用于将帧缓冲区中的像素渲染到屏幕上。此外，该框架还包含了一些向量和矩阵的计算函数，以及一些shader的基础知识，如法线贴图和切线空间等。在使用该框架时，需要注意向量的具体含义、TBN的计算方法以及具体代码的实现。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值