Unity Shader 入门精要 | 第二章 渲染流水线

欢迎前往个人博客 驽马点滴 和视频空间 哔哩哔哩-《挨踢日志》

2.1 综述

流水线

在工业上,流水线被用在装配线上。未引入流水线之前,一个产品的生产有多个环节,需要等上一个环节完成,才能进入下一个环节。生产的时间等于各个环节的时间之和。在引入流水线后,各个环节同时进行,正常运行时,生产的时间由最慢的那一环节决定。

渲染流水线

在 Real-Time Rendering, Third Edition 一书中,将渲染流程按先后顺序分为三个阶段:应用阶段、几何阶段、光栅化阶段。

应用阶段由应用主导(开发者控制),一般在 CPU 中进行。首先,要准备好场景数据,例如摄像机位置、视锥体、场景中包含哪些模型、使用了哪些光源等等;其次,为了提高渲染性能,需要做粗粒度剔除(culling),避免将工作移交给几何阶段处理;最后,需要设置好每个模型的渲染状态,这些状态包括但不限于材质(漫反射颜色、高光反射颜色)、纹理、Shader;应用阶段输出的内容为渲染所需的几何信息(简单说就是点、线、三角面等信息),即渲染图元(Rendering Primitive),这些信息会被传递给渲染的下一个阶段——几何阶段。

应用阶段从 CPU 和 GPU 交互层面来说,可以分为三个阶段:

  1. 把数据加载到显存中;
  2. 设置渲染状态;
  3. 调用 Draw Call;

几何阶段处理所有和我们要绘制的几何相关的事情。例如,决定需要绘制的图元有哪些、怎样绘制这些图元、在哪里绘制它们。这一阶段通常在 GPU 上进行。几何阶段的一个重要任务是把顶点坐标转化到屏幕坐标,再交付给光栅器处理。通过对输入的渲染图元进行多步处理后,这一阶段将会输出屏幕空间的二维顶点坐标、每个顶点对应的深度值、着色等相关信息,并传递给下一个阶段——光栅化阶段。

光栅化阶段会使用上一阶段传递的数据来产生屏幕上的像素,并渲染出最终的图像。这一阶段也是在 GPU 上运行的。光栅化的主要任务是决定每个渲染图元中的哪些像素应该被绘制在屏幕上。它需要对上一个阶段得到的逐顶点数据(例如纹理坐标、顶点颜色等)进行插值,然后进行逐像素处理。

2.2 CPU 和 GPU 之间的通信

渲染流水线的起点是应用阶段。应用阶段大致分为一下三个部分:
把数据加载到显存中;
设置渲染状态;
调用 Draw Call;

2.2.1 把数据加载到显存中

所有数据都是从硬盘(HDD, Hard Disk Drive)中加载到内存(RAM, Random Access Memory)中,然后网格、纹理等数据又被加载到显存(VRAM, Video Random Access Memory)中。这是因为,显卡对显存的访问速度更快,而大多数显卡对 RAM 没有直接的访问权限。

2.2.2 设置渲染状态

什么是渲染状态?通俗的解释是,这些状态定义了场景中的网格是怎样被渲染的。例如,使用了哪个顶点着色器/片元着色器、光源、材质等。如果没有更改渲染状态,那么所有的网格将使用同一种渲染状态(五角星、三角形、圆形显示出相同的效果,只是形状不一样)。

2.2.3 调用 Draw Call

Draw Call 是一个由 CPU 向 GPU 发起的指令。渲染状态已经准备就绪,CPU 向 GPU 发起 Draw Call 指令,指令指向一个渲染图元列表。GPU 根据渲染状态和所有输入的顶点信息,最终输出成屏幕上显示的像素,该过程即是 GPU 流水线。

2.3 GPU 流水线

2.3.1 概述

顶点数据 ->(几何阶段:顶点着色器->曲面细分着色器->几何着色器->裁剪->屏幕映射)->
(光栅化阶段:三角形设置->三角形遍历->片元着色器->逐片元操作)->屏幕图像

2.3.2 顶点着色器

顶点着色器(Vertext Shader)是流水线的第一个阶段,主要完成的功能有:坐标变换、逐顶点光照、输出后续阶段所需要的数据。

坐标变换:把顶点坐标从模型空间转换到齐次剪裁空间。NDC (Normalized Device Coordinates)

2.3.3 裁剪

裁剪(Clipping):将部分在视野内的图元进行处理。将图元裁剪到单位立方体中。

2.3.4 屏幕映射

屏幕映射的输入仍然是三维坐标,其任务是把每个图元的 x 和 y 坐标转换到屏幕坐标系(Screen Coordinates)下。而 z 坐标不会被处理,屏幕坐标和 z 坐标一起构成了窗口坐标系(Window Coordinates)。这些值会被传递到光栅化阶段。
注意:屏幕坐标系在 OpenGL 和 DirectX 之间的差异。OpenGL 以屏幕左下角为原点,DirectX 以屏幕左上角为原点。

2.3.5 三角形设置

三角形设置这步开始,就进入光栅化阶段了。上一步骤的输出是屏幕坐标系下的三角网格的各个顶点信息。为了渲染出三角网格对应屏幕上的像素点的情况,需要计算三角网格每条边的表示方式。这样一个计算三角网格表示数据的过程就叫做三角形设置。

2.3.6 三角形遍历

三角形遍历阶段会检查每个像素是否被一个三角网格所覆盖。如果被覆盖,就会生成一个片元(fragment)。而这样一个找到哪些像素被三角网格覆盖的过程就是三角形遍历。该阶段也称为扫描变换(Scan Conversion)。
三角形遍历会使用三角网格3个顶点信息对其覆盖的像素进行插值。
三角形遍历的输出:片元序列。一个片元是包含了很多状态的集合。(片元)=(屏幕坐标、深度信息、顶点信息(法线、纹理坐标等))。

2.3.7 片元着色器

片元着色器(Fragment Shader)的输入是上一个阶段对顶点信息插值得到的结果。它的输出是一个或者多个颜色值。
片元着色器完成的一个重要任务是纹理采样。

2.3.8 逐片元操作

逐片元操作(Per-Fragment Operations)是 OpenGL 中的说法,在 DirectX 中,这一阶段被称为输出合并阶段(Output-Merger)。
这个阶段首先解决片元可见性问题。通过 片元->模版测试->深度测试->混合->颜色缓冲区 的操作进行。
事实上,测试顺序并不是唯一的,GPU 会尽可能在进行片元着色器之前进行这些工作(比如说 Early-Z 技术)。

欢迎前往个人博客 驽马点滴 和视频空间 哔哩哔哩-《挨踢日志》

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,125评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,293评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,054评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,077评论 1 291
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,096评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,062评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,988评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,817评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,266评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,486评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,646评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,375评论 5 342
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,974评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,621评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,796评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,642评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,538评论 2 352

推荐阅读更多精彩内容