图形学基础笔记II:多边形光栅化算法和显卡三角形光栅算法

2024-05-08 14:18

本文主要是介绍图形学基础笔记II:多边形光栅化算法和显卡三角形光栅算法,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

为什么三角形就够了

实际对于 3D 来说肯定全是基于三角形的 geometry - OpenGL: Is it more efficient to use GL_QUADS or GL_TRIANGLES? - Stack Overflow,显卡也全部用重心坐标和 AABB 来填充三角形的。

三角形线框模式和非三角形线框模式(GUI、CAD),也很容易实现,使用 bresenham 中点算法就行了。

点就更简单了,如果没有涉及 Anti A 直接取整写显存就行了。

整理一下就是说:

  • 线框模式各种形状:应用的话比如 CAD,GUI,不管什么多边形,什么样子都能用 bresenham 画线给你画出来。对于圆的话也是用 bresenham(midpoint)。
  • 实体填充各种形状:由于屏幕像素是离散的,所以三角形足够拟合各种形状,只需要 AABB 重心填充算法。

所以下面讲的多边形扫描填充算法不是一个必要的东西(然而考试还是占挺多分值的,就当学一个算法+数据结构思路吧)。然而,他在 GUI 和 CAD 还是有用处的,不过是 GUI 里面基本都是用的盒子模型,最多多一个圆角,其实更多是矩形+圆角处理,所以纯粹的矩形扫描线就够用了。而画图软件的填充算法常用的是边界填充或者 flood-fill(DFS、BFS,O(n) 本来就是必要的)。


扫描线的问题在于他并行度有限,用了 ET + AET 的话数据依赖更加是拉跨,CPU 能撑起来,对于适合 SIMD 的 GPU 来说,还是用基于 AABB 的三角形的重心坐标比较靠谱(快)。而且求中心坐标的过程能同时完成三角形的 uv 纹理插值、颜色插值、法线插值等(总之就是插值各种属性),反而一举两得。


UE5 NANITE

Unreal Engine 5 的最新软光栅 nanite 技术(这个软不是指 CPU 运算,而是指用显卡的通用运算而不是管线自带的不可变成的光栅模块)是基于这样的事实:小三角形可能刚好一个 quad,这样的话每次为了求 mipmap 要用的那个梯度信息仍然要基于一个 quad 来光栅化,反而导致每次四倍的内存消耗。

首先要讲一下 compute shader ,这个东西是新显卡引入的通用计算单元在 OpenGL 里面的模块。就像 OpenGL 和 CUDA 能够请求通用计算那样。(其实在 D3D 里面 shader 多种多样,还有 mesh shader、primitive shader 各种名字的 shader)。

如果不基于 quad 来求梯度的话,就要用别的并发,nanite 用的是在渲染好的 buffer 进行差分。Visibility Buffer Rendering with Material Graphs – Filmic Worlds 具体这里不看了。


多边形光栅化填充算法

矩形填充要点

  • 共享边界问题:左闭右开,下闭上开
  • 原理都是常识

多边形扫描线填充算法

  • 逐点射线法:偶数交点说明在外面,奇数说明在里面。没用太慢了。
  • 步骤:
    • 求交:计算扫描线与多边形各边的交点;
    • 排序:把所有交点按x值递增顺序排序;
    • 配对:每两个点进行线性填充。
  • 扫描边界确定:顶点重复计数,仍然是半闭半开原则。(每个顶点都有两条边,如果顶点在扫描线上会重复计数)。但是可以发现,重复的时候虽然 x 是一样的,y 是不一样的,此时只取 P1 P0 的边的结果因为 P0 更大,或者只取。

  • 边界重复扫描:左闭右开。

  • 内部取点:收缩取整

 

Edge table  Active edge table

  • 基于这样的事实引入的增量算法:

  •     1

        2

        3

        4

        5

        6

        7

        8

        9

       10

       11

       12

    void polyfill (polygon, color)

        //建立全局边表ET;

            for (各条扫描线i )  { ymin == i 的边结构->边表ET [i]  }

         将扫描线i的初值置为ET中非空元素的最小序号;

         初始化活动边表AET为空;

         for (各条扫描线i )

        {

            (1) 把边表ET[i]中的边结点插入AET;

                (2) 遍历AET表,把y max== i 的结点从AET中删除,并按x坐标值增序排列各边;

                (3) 把配对交点区间(左闭右开)上的象素(x, i),用WritePixel (x, i, color)改写颜色值;

                (4) AET中每条边结点的x值递增x

                (5) i++;

            }

    }


三角形光栅化算法一笔

这个部分比较简单,games 101 里面讲了。最基本的算法是利用叉积的关系,AABB 扫描构建 edge equation 。games 的作业里面也有这部分软光栅代码。一个点就是实际进行三角形内部插值的中心坐标和这个 edge equation 其实是一样的,所以可以同时实现插值输出,这样对于 Vertex shader 的输出的拼图就完整了,实际 rasterization 部分会把插值和 AABB 内像素光栅化给一起做了。

重心坐标我一开始没有很理解几何意义,其实这个东西就是两条边的向量求三角形内点的向量运算之后的不那么显然的变形而已,意义是用面积比做的线性组合关系。比如重心就真好是 1/3,1/3,1/3 他的插值也真好是平均。

当然插值的时候必须考虑 perspective correct ,具体来说就是因为此时的 frame buffer 是 2D 的,但是插值必须用 3D 的, 这个我在 Games101 作业手稿 III: 框架解释 重心坐标的一些注意事项_我说我谁呢 --CSDN博客_games101作业3 这里写了一下草稿。不过里面有公式,实现的时候可以直接参考,不用再推(不过理解思路更加重要吧)。

就像在多边形光栅化里面的分析,这个是每个点独立的并行算法,所以 GPU 任务随便分发,没有数据依赖。

但是也和多边形扫描里面说的那样,必须考虑相邻三角形公共边的重叠光栅化的问题,解决方案也是类似的,人为规定一些规则就行了。经典的是 top left rule。

Rasterization Rules - Win32 apps | Microsoft Docs

公共边问题的解决,实现的时候这里有很好的参考代码:

(3 封私信) 三角形填充算法的主要实现细节和注意点是什么? - 知乎 (zhihu.com)

别人写的比我好,这里就不重复造了,实现的时候这个文章下半部分可以作为很好的参考资料:

图形学底层探秘 - 更现代的三角形光栅化与插值算法的实现与优化 - 知乎 (zhihu.com)

 


提一下这个栏目的笔记主要是为了给实现软光栅渲染器做一些前期的知识整理,包括各种细节要点,避免之后踩坑。

这一篇里主要实现光栅部分上的一些注意的要点我都列出来了,就是三角形的光栅和重心插值要一起做,然后中心坐标要进行 perspective correct,对于边界上要进行认为规定 Top-Left rule。

这篇关于图形学基础笔记II:多边形光栅化算法和显卡三角形光栅算法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/970555

相关文章

从基础到高级详解Python数值格式化输出的完全指南

《从基础到高级详解Python数值格式化输出的完全指南》在数据分析、金融计算和科学报告领域,数值格式化是提升可读性和专业性的关键技术,本文将深入解析Python中数值格式化输出的相关方法,感兴趣的小伙... 目录引言:数值格式化的核心价值一、基础格式化方法1.1 三种核心格式化方式对比1.2 基础格式化示例

redis-sentinel基础概念及部署流程

《redis-sentinel基础概念及部署流程》RedisSentinel是Redis的高可用解决方案,通过监控主从节点、自动故障转移、通知机制及配置提供,实现集群故障恢复与服务持续可用,核心组件包... 目录一. 引言二. 核心功能三. 核心组件四. 故障转移流程五. 服务部署六. sentinel部署

从基础到进阶详解Python条件判断的实用指南

《从基础到进阶详解Python条件判断的实用指南》本文将通过15个实战案例,带你大家掌握条件判断的核心技巧,并从基础语法到高级应用一网打尽,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一... 目录​引言:条件判断为何如此重要一、基础语法:三行代码构建决策系统二、多条件分支:elif的魔法三、

Python WebSockets 库从基础到实战使用举例

《PythonWebSockets库从基础到实战使用举例》WebSocket是一种全双工、持久化的网络通信协议,适用于需要低延迟的应用,如实时聊天、股票行情推送、在线协作、多人游戏等,本文给大家介... 目录1. 引言2. 为什么使用 WebSocket?3. 安装 WebSockets 库4. 使用 We

从基础到高阶详解Python多态实战应用指南

《从基础到高阶详解Python多态实战应用指南》这篇文章主要从基础到高阶为大家详细介绍Python中多态的相关应用与技巧,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、多态的本质:python的“鸭子类型”哲学二、多态的三大实战场景场景1:数据处理管道——统一处理不同数据格式

Python学习笔记之getattr和hasattr用法示例详解

《Python学习笔记之getattr和hasattr用法示例详解》在Python中,hasattr()、getattr()和setattr()是一组内置函数,用于对对象的属性进行操作和查询,这篇文章... 目录1.getattr用法详解1.1 基本作用1.2 示例1.3 原理2.hasattr用法详解2.

MySQL数据类型与表操作全指南( 从基础到高级实践)

《MySQL数据类型与表操作全指南(从基础到高级实践)》本文详解MySQL数据类型分类(数值、日期/时间、字符串)及表操作(创建、修改、维护),涵盖优化技巧如数据类型选择、备份、分区,强调规范设计与... 目录mysql数据类型详解数值类型日期时间类型字符串类型表操作全解析创建表修改表结构添加列修改列删除列

Python 函数详解:从基础语法到高级使用技巧

《Python函数详解:从基础语法到高级使用技巧》本文基于实例代码,全面讲解Python函数的定义、参数传递、变量作用域及类型标注等知识点,帮助初学者快速掌握函数的使用技巧,感兴趣的朋友跟随小编一起... 目录一、函数的基本概念与作用二、函数的定义与调用1. 无参函数2. 带参函数3. 带返回值的函数4.

python panda库从基础到高级操作分析

《pythonpanda库从基础到高级操作分析》本文介绍了Pandas库的核心功能,包括处理结构化数据的Series和DataFrame数据结构,数据读取、清洗、分组聚合、合并、时间序列分析及大数据... 目录1. Pandas 概述2. 基本操作:数据读取与查看3. 索引操作:精准定位数据4. Group

Java中的雪花算法Snowflake解析与实践技巧

《Java中的雪花算法Snowflake解析与实践技巧》本文解析了雪花算法的原理、Java实现及生产实践,涵盖ID结构、位运算技巧、时钟回拨处理、WorkerId分配等关键点,并探讨了百度UidGen... 目录一、雪花算法核心原理1.1 算法起源1.2 ID结构详解1.3 核心特性二、Java实现解析2.