一、图形渲染管线

管线渲染其实就是将三维物体如何呈现到计算机屏幕上的过程,图形渲染管线的整体大致流程如下

顶点处理过程就是进行MVP变换,最终得到一系列的二维坐标点。而三角化就是将这一系列的二维坐标点进行组装成三角形或者线

顶点处理和三角化结束后,得到了一些列的图形,那么,接下来自然是对这些图形进行光栅化

光栅化结束之后,就要对对应的像素进行着色,因此进入了着色处理阶段,着色阶段可以通过光照模型或者纹理映射的方式对光栅化的像素进行着色

着色之后,还有根据深度信息通过Zbuffer算法对这些已经着色的面或者其他图形按照深度值进行按顺序渲染

最后通过Framebuffer的处理,将所有的像素颜色信息整合在一起,输送给显示设备加以显示。就走完整个图形渲染管线流程。

二、纹理映射

纹理映射主要是解决光照模型下,物体颜色不够丰富的问题,如下图所示

如果没没有纹理信息只有光照模型,那么球的表面和木板表面将不会有这么丰富的纹理,只有明暗和高光。但是有了纹理之后,将纹理贴图放在贴在物体表面。就会对物体表面的漫反射系数进行了修改。从而对光线中的RGB分量就有了不同的反射率,从而人眼就能看到不同的颜色,就像上图中的球中的蓝色和木板的表面颜色

纹理贴图就是一张图片,纹理图片上的二维点和模型上的三维点有完整的映射,这种映射关系由美术来搞,程序不需要关心

纹理映射的过程如下

对每个光栅化的屏幕坐标算出三个uv坐标,再利用三角形重心坐标进行插值算出uv三角形内的纹理坐标,然后通过uv坐标去查询texture上的颜色,最后把颜色信息当作模型上对应点的漫反射系数Kd。

纹理贴图的坐标系如下图所示

uv的范围都是0-1,v可以理解为全绿,u是全红,所以会有一个过渡

着色后的效果如下

因为纹理是一张图片,正常图片复制多分并左右连接时,并不会平滑过渡,但是如果纹理图片在复制多分并左右连接可以平滑过渡时,这种纹理就叫做tiled(可平铺的)

参考:

GAMES101-现代计算机图形学入门-闫令琪_哔哩哔哩_bilibili

欢迎大家评论交流,作者水平有限,如有错误,欢迎指出

7、计算机图形学——图形管线渲染与纹理映射相关推荐

  1. 计算机图形学图形旋转_计算机图形学翻译

    计算机图形学图形旋转 计算机图形学| 翻译 (Computer Graphics | Translations) Transformation techniques mean to modify th ...

  2. 计算机图形学图形旋转_计算机图形学中的平板显示

    计算机图形学图形旋转 平板显示器 (Flat Panel Display) It is generally known as FPD, the flat-panel display is such a ...

  3. 计算机图形学图形旋转_计算机图形学中的旋转

    计算机图形学图形旋转 计算机图形学| 回转 (Computer Graphics | Rotation) Rotation is a type of transformation that is ve ...

  4. 计算机图形学 | 图形思维的起点——朴素的软光栅

    计算机图形学 | 图形思维的起点--朴素的软光栅 计算机图形学 | 图形思维的起点--朴素的软光栅 4.1 初次尝试--点和直线 扫描转换的概念 点 直线 数值微分算法 中点的Bresenham算法 ...

  5. 18、计算机图形学——BRDF与渲染方程

    一.BRDF(Bidirectional Reflectance Distribution Function)双向反射分布函数 基于https://blog.csdn.net/Master_Cui/a ...

  6. [计算机图形学]辐射度量学、渲染方程与全局光照(前瞻预习/复习回顾)

    一.前言 我们前面讲到的Blinn-Phong着色,Whitted-Style光线追踪都有一定问题,那就是它们并没有严格的按照物理规则定义各个变量.比如,Blinn-Phong中的光的强度,并没有一个 ...

  7. 计算机图形学 图形变换

    基础 图形的几何变换是指对图形的几何信息经过平移.比例.旋转等变换后产生新的图形 向量基础知识 图形坐标系 图形变换的目的 图形变换的基本原理  仿射变换 齐次坐标 二维图形变换 平移 比例/缩放 旋 ...

  8. 学计算机图形图像设计,计算机图形学与图形图像处理技术

    摘 要 本文通过对计算机图形学的研究内容.图形系统的组成以及功能进行分析,阐述了计算机图形技术以及计算机图像技术存在的区别,通过对计算机图形技术以及计算机图像技术的区别分析,得出两者在数据信息来源.处 ...

  9. 「科普大佬说」以计算机图形学的视点看元宇宙发展

    点击蓝字 关注我们 AI TIME欢迎每一位AI爱好者的加入! 5月23日,由智谱AI支持,北京市科委.中关村管委会科普专项经费资助的系列栏目"科普大佬说"首期于AI TIME 开 ...

最新文章

  1. UICollectionView入门--使用系统UICollectionViewFlowLayout布局类
  2. 实验-思科设备划VLAN做单臂路由
  3. 编程语言python特点-Python语言的特点有哪些?九大特点介绍!
  4. 我从未看过荒原写作背景_您从未听说过的最佳数据科学认证
  5. 监控系统几种常见的光端机传输方案拓扑图
  6. 项目管理(1):备战pmp
  7. baidumap vue 判断范围_vue 数据渲染
  8. 默认文件夹为空,如何从Microsoft Edge下载收藏夹
  9. 博客园看到的很好的Linux网络编程技巧(此处一字不动的转载过来)
  10. Linux最小化安装
  11. os.getcwd()
  12. 编程开发之--设计模式
  13. Clickhouse 数据库连接工具——DBeaver
  14. 台式计算机显卡驱动位置,如何在HP台式计算机上安装图形驱动程序
  15. 2 spss 统计绘图与线性回归
  16. xcode-instrument
  17. 论K21O Draco开发板的概论
  18. 片上总线Wishbone 学习(九)总线周期之单次读操作
  19. [转] ThreeJS中,那些会让阴影失效的操作
  20. 交互设计师必备的9种能力

热门文章

  1. 《工业控制网络安全技术与实践》一2.1.3 SCADA 系统未来的技术发展
  2. XamarinForms教程构建XamarinForms开发环境
  3. 《切入口web教学——使用firebug调试css代码》录制完成
  4. Spark源码阅读02-Spark核心原理之调度算法
  5. SpringMVC:学习笔记(11)——依赖注入与@Autowired
  6. 2/1,3/2,5/3,8/5,13/8,21/13...求出这个数列的前20项之和。
  7. QoS policy-map class-map
  8. loadscript加载
  9. 微信电脑网页二维码扫描登录简单实现
  10. Oracle 11g 新特性 -- 只读表(read-only table)说明