前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >3D 图形学基础 (下)

3D 图形学基础 (下)

原创
作者头像
serena
修改2021-08-03 14:56:06
2.5K0
修改2021-08-03 14:56:06
举报
文章被收录于专栏:社区的朋友们社区的朋友们

作者:Lingtonke(柯灵杰)

《 3D 图形学基础 (上)》

6 色彩和纹理

[1501554572856_7904_1501554573062.jpg]
[1501554572856_7904_1501554573062.jpg]

一个纹理实际上就是一个位图。从这个意义上来讲,当纹理一词被用于计算机图形学时,它就有了一个明确的定义。从语义学角度来讲,纹理一词既是指一个物体上颜色的模式,又是指物体表面是粗糙的还是光滑的。

6.1 纹理坐标

[1501554587864_8475_1501554588162.jpg]
[1501554587864_8475_1501554588162.jpg]

纹理实际上是一个二维数组,它的元素是一些颜色值。单个的颜色值被称为纹理元素(texture elements)或纹理像素(texel)。每一个纹理像素在纹理中都有一个唯一的地址。这个地址可以被认为是一个列(column)和行(row)的值,它们分别由U和V来表示。

纹理坐标位于纹理空间中。也就是说,它们和纹理中的(0,0)位置相对应。当我们将一个纹理应用于一个图元时,它的纹理像素地址必须要映射到对象坐标系中。然后再被平移到屏幕坐标系或像素位置上。

6.2 纹理过滤

渲染一个图元时,会将三维图元映射到二维屏幕上。如果图元有纹理,就必须用纹理来产生图元的二维渲染图象上每个像素的颜色。对于图元在二维屏幕上图象的每个像素来说,都必须从纹理中获得一个颜色值。我们把这一过程称为纹理过滤(texture filtering)

进行纹理过滤时,正在使用的纹理通常也正在被进行放大或缩小。换句话说,这个纹理将被映射到一个比它大或小的图元的图象上。纹理的放大会导致许多像素被映射到同一个纹理像素上。那么结果看起来就会使矮矮胖胖的。纹理的缩小会导致一个像素被映射到许多纹理像素上。其结果将会变得模糊或发生变化。要解决这些问题,我们可以将一些纹理像素颜色融合到一个像素颜色上。

每种类型的纹理过滤都有各自的优缺点。例如,线性过滤会产生锯齿状的边缘和矮胖的效果。但是,它对系统的消耗却是最小的。另一方面,mipmap过滤的效果通常是最好的,特别是和各项异性过滤混合使用时。但是它却需要很大的内存消耗。

6.2.1 双线性过滤

[1501554613470_121_1501554614606.jpg]
[1501554613470_121_1501554614606.jpg]

线性过滤方法是双线性过滤(bilinear filtering)。和最近点采样一样,双线性过滤首先要计算一个纹理像素的地址,这个地址通常不是整数地址。然后,找到一个地址最接近的整数地址纹理像素。另外,渲染模块还要计算与最近采样的点相邻的四个纹理像素的加权平均(weighted average)。

6.2.2 各项异性过滤

[1501554627490_3976_1501554628725.jpg]
[1501554627490_3976_1501554628725.jpg]

各向异性是对一个三维物体纹理像素的可见的变形,这个物体的表面朝向屏幕平面,并与之有一定的角度。各向异性图元的像素在映射到纹理像素时,它的形状会发生变形。

各向异性纹理过滤可以和线性过滤或mipmap过滤联合使用。

6.2.3 Mipmap

[1501554654932_5826_1501554655783.jpg]
[1501554654932_5826_1501554655783.jpg]

一个mipmap就是一系列的纹理,每一幅纹理都与前一幅是相同的图样,但是分辨率都要比前一幅有所降低。mipmap中的每一幅或者每一级图象的高和宽都比前一级小二分之一。Mipmap并不一定必须是正方形。

高分辨率的mipmap图象用于接近观察者的物体。当物体逐渐远离观察者时,使用低分辨率的图象。Mipmap可以提高场景渲染的质量,但是它的内存消耗却很大。

6.3 纹理环绕

[1501554676633_3448_1501554677100.jpg]
[1501554676633_3448_1501554677100.jpg]

一般来说,分配的U、V纹理坐标值都在0.0到1.0范围内(包括它们)。但是,如果我们分配了超出这个范围的纹理坐标,可能会得到一些特别的纹理效果。

通过设置纹理寻址模式,我们就可以在纹理坐标超出范围时进行控制。

6.3.1 重复

图象在表面上重复出现。忽略纹理坐标的整数部分,并将纹理图的拷贝粘贴在物体表面上,这样才能做到无缝连接。

6.3.2 截取

将大于1.0的数值设置为1.0,将小于0.0的数值设置为0.0,即将超出0.0,1.0范围的数值截取到0.0,1.0范围内,

这样会导致纹理边缘的重复。

6.3.3 镜像重复

图象在物体表面上不断重复,但是每次重复的时候对图象进行镜像或者反转。这样在纹理边缘处比较连贯。

6.3.4 边界截取

在0.0,1.0范围外的参数值用单独定义的边界颜色或纹理边缘进行绘制。适合于绘制物体表面的贴花纸。

6.3.5 边缘截取

总是忽略边界。处于纹理边缘或者靠近纹理边缘的纹理单元都用作纹理计算,但是不包括边界上的纹理单元。

6.4 立方体纹理

[1501554717925_4153_1501554718620.jpg]
[1501554717925_4153_1501554718620.jpg]

立方体纹理是一种特殊的纹理技术,它用6幅二维纹理图像构成一个以原点为中心的纹理立方体。对于每个片段,纹理坐标(s, t, r)被当作方向向量看待,每个纹素(texel)都表示从原点所看到的纹理立方体上的图像。

基本上说cubemap它包含6个2D纹理,这每个2D纹理是一个立方体(cube)的一个面,也就是说它是一个有贴图的立方体。你可能会奇怪这样的立方体有什么用?为什么费事地把6个独立纹理结合为一个单独的纹理,只使用6个各自独立的不行吗?这是因为cubemap有自己特有的属性,可以使用方向向量对它们索引和采样。想象一下,我们有一个1×1×1的单位立方体,有个以原点为起点的方向向量在它的中心。

6.5 点精灵

[1501554734208_2556_1501554734488.jpg]
[1501554734208_2556_1501554734488.jpg]

6.5.1 什么是点精灵

openGL的图形由顶点构成,以后利用顶点进行纹理的映射。点精灵就是,一个顶点被当作一个精灵来处理。特别之处就是,一个顶点也可进行纹理贴出。例如,原来是个顶点构成的一个矩形,现在一个顶点就可以完成了。瞬间我们就可以想想,粒子效果,那些云雾水流火花什么的用了点精灵,就可以瞬间减少3个顶点的计算,glDrawArrays使用GL_POINT就可以了,完全也不需要什么顶点索引了。这是非常诱人的效率。

6.5.2 点精灵的局限

一个顶点缩放都必须是矩形。并且大小的最大最小值是有范围的。既然是一个纹理映射到一个顶点上,那么纹理映射就和原来完全不同,有些复杂。可能会抵消掉一些性能的优势。

6.6 纹理压缩

[1501554754348_5267_1501554754551.jpg]
[1501554754348_5267_1501554754551.jpg]

贴图是在 3D 场景中,增加真实性的一个重要的工具。就像一般的影像一样,贴图的大小愈大,它的图像就愈精细。事实上,贴图往往需要比一般的影像更大。因为,在 3D 场景中,观察者可能会很靠近贴图,使得贴图需要放大很多倍,而造成模糊的现象。所以,一般来说,如果可能的话,贴图愈大就愈好。

不过,贴图是非常占用内存空间的。

常用的图像文件格式有BMP,TGA,JPG,GIF,PNG等;

不过象JPG这种常见图像压缩格式对于多数应用的内存占用和显示总线带宽占用并没有直接的好处,因为还得解压缩成原始像素再传给显卡,而且还有加载时的解碼计算负担。这是因为显卡的纹理解碼硬件不理解JPG格式。所以,在没有显卡硬件支持的情况下,用压缩格式保存纹理没什么意义,特别是对于手持移动设备来说,解碼象JPG这种复杂格式是很浪费电的。

考虑到现代游戏对纹理图片的严重依赖,及相应的对视频总线的巨大压力,硬件实时解压缩获得了广泛的支持,不过这个还没有一种格式获得多个厂家的支持。纹理数据的格式则没有标准,要参考厂商的SDK或文档获得format值。这也就意味着,使用了压缩纹理之后就不能跨平台了。

纹理格式是能被GPU所识别的像素格式,能被快速寻址并采样。

在Beers,Agrawala和Chaddha于1996发表的一篇影响深远的论文基于已压缩纹理的渲染1中,他们列举四项纹理压缩的特点,使其不同于其他图像压缩技术。

解压速度:由于最好能直接从已压缩的纹理直接渲染,为了尽可能地不影响性能,解压缩要尽可能快。

随机访问:由于几乎不可能预测纹素被访问的顺序,任何纹理压缩算法必须允许对其中纹素的随机访问。所以几乎所有的纹理压缩算法都以块为单位压缩和存储纹素,当某一纹素被访问时,只有同一块中若干纹素被读取和解压缩。这项需求也排除了很多压缩率较高的图像压缩方式,例如JPEG和行程长度编码。

压缩率和图像质量:由于人眼的不精确性,相比于其他应用领域,图像渲染更适宜使用有损数据压缩。

编码速度:纹理压缩对压缩速度要求不高,因为绝大多数情况下,纹理只需要进行一次压缩。

由于其数据访问模式是事先知道的,纹理压缩常作为整个绘图管线的一部分,在绘制时对动态地已压缩数据进行解压缩。而反过来绘制管线也可以通过纹理压缩技术来降低对于带宽和存储的需求。在纹理贴图中,已压缩纹理和没有经过压缩的纹理使用起来基本没有区别,都可以被用来存储颜色数据或其他数据,例如凹凸贴图或法线贴图,也都可以和Mipmapping或各向异性过滤等共同使用。

6.6.1 主要GPU厂商及支持的纹理压缩算法

[1501554801278_7708_1501554801861.jpg]
[1501554801278_7708_1501554801861.jpg]

7 粒子系统

[1501554817237_8813_1501554817455.jpg]
[1501554817237_8813_1501554817455.jpg]

7.1 效果预览

[1501554831430_185_1501554832450.jpg]
[1501554831430_185_1501554832450.jpg]

粒子系统表示三维计算机图形学中模拟一些特定的模糊现象的技术,而这些现象用其它传统的渲染技术难以实现的真实感的效果。经常使用粒子系统模拟的现象有火、爆炸、烟、水流、火花、落叶、云、雾、雪、尘、流星尾迹或者象发光轨迹这样的抽象视觉效果等等。

7.2 主要参数

[1501554853274_6455_1501554853491.jpg]
[1501554853274_6455_1501554853491.jpg]

什么是粒子系统?粒子系统是由总体具有相同的表现规律,个体却随机表现出不同的特征的大量显示元素构成的集合。

这个定义有几个要素:

1、 群体性:粒子系统是由“大量显示元素”构成的。因此,用粒子系统来描述一群蜜蜂是正确的,但描述一只蜜蜂没有意义。

2、 统一性:粒子系统的每个元素具有相同的表现规律。比如组成火堆的每一个火苗,都是红色,发亮,向上跳动,并且会在上升途中逐渐变小以至消失。

3、 随机性:粒子系统的每个元素又随机表现出不同特征。比如蜂群中的每一只蜜蜂,它的飞行路线可能会弯弯曲曲,就象布郎运动一般无规则可寻,但整个蜂群,却是看起来直线向一个方向运动(这就是上一点所说的统一性)。

8 数学基础

[1501554883676_6894_1501554883872.jpg]
[1501554883676_6894_1501554883872.jpg]

这一部分是很简单的,对于不同数学知识背景的读者来说都容易阅读。对于想了解更多更全的这方面信息的读者,请查看有关线性代数和高等数学的书籍。

8.1 向量

[1501554897158_4329_1501554897384.jpg]
[1501554897158_4329_1501554897384.jpg]

几何学中,我们用有向线段表示向量。向量的两个属性是他的长度和他的顶点所指的方向。因此,可以用向量来模拟既有大小又有方向的物理模型。例如,以后我们要实现的粒子系统。我们用向量来模拟粒子的速度和加速度。在3D计算机图形学中我们用向量不仅仅模拟方向。例如我们常常想知道光线的照射方向,以及在3D世界中的摄象机。向量为在3维空间中表示方向的提供了方便。

8.2 变换

[1501554911137_9303_1501554911465.jpg]
[1501554911137_9303_1501554911465.jpg]

3D空间中最常用的变换主要是,平移,旋转,缩放

8.2.1 变换的顺序

[1501554976668_3349_1501554977012.jpg]
[1501554976668_3349_1501554977012.jpg]

变换作用的顺序会影响变换最终的结果。

[1501554982179_3596_1501554982489.jpg]
[1501554982179_3596_1501554982489.jpg]

通过使用矩阵相乘把3个变换矩阵合成一个矩阵。注意我们必须按实际应用的顺序来进行矩阵相乘。

8.2.2 模型视图的二元性

[1501555004612_3611_1501555004927.jpg]
[1501555004612_3611_1501555004927.jpg]

视图和模型变换对场景外部的最终效果来看是一样的,将两者区分开纯粹是为了程序员方便。将对象向后移动和将参考坐标系向前移动在视觉上没有区别。

8.2.3 透视投影

[1501555016975_7089_1501555017306.jpg]
[1501555016975_7089_1501555017306.jpg]

透视投影属于中心投影。透视投影图简称为透视图或透视,它是从某个投射中心将物体投射到单一投影面上所得到的图形。透视图与人们观看物体时所产生的视觉效果非常接近,所以它能更加生动形象地表现建筑外貌及内部装饰。在已有实景实物的情况下,通过拍照或摄像即能得到透视图;对于尚在设计、规划中的建筑物则作图(手工或计算机)的方法才能画出透视图。透视图以渲染、配景,使之成为形象逼真的效果图。

透视投影符合人们心理习惯,即离视点近的物体大,离视点远的物体小,远到极点即为消失,成为灭点。它的视景体类似于一个顶部和底部都被切除掉的棱椎,也就是棱台。这个投影通常用于动画、视觉仿真以及其它许多具有真实性反映的方面。

8.2.4 正交投影

[1501555048209_589_1501555048610.jpg]
[1501555048209_589_1501555048610.jpg]

投影线垂直于投影面的投影属于正交投影 ,属于平行投影的一种。

8.3 粒子的轨迹

[1501555658469_7832_1501555658948.jpg]
[1501555658469_7832_1501555658948.jpg]
[1501555668414_7792_1501555668602.jpg]
[1501555668414_7792_1501555668602.jpg]
[1501555679062_4637_1501555679245.jpg]
[1501555679062_4637_1501555679245.jpg]
[1501555690311_8185_1501555690535.jpg]
[1501555690311_8185_1501555690535.jpg]
[1501555705165_211_1501555705388.jpg]
[1501555705165_211_1501555705388.jpg]

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 6 色彩和纹理
    • 6.1 纹理坐标
      • 6.2 纹理过滤
        • 6.3 纹理环绕
          • 6.4 立方体纹理
            • 6.5 点精灵
              • 6.6 纹理压缩
                • 6.6.1 主要GPU厂商及支持的纹理压缩算法
                • 7 粒子系统
                  • 7.1 效果预览
                    • 7.2 主要参数
                    • 8 数学基础
                    • 8.1 向量
                      • 8.2 变换
                        • 8.3 粒子的轨迹
                        相关产品与服务
                        图像处理
                        图像处理基于腾讯云深度学习等人工智能技术,提供综合性的图像优化处理服务,包括图像质量评估、图像清晰度增强、图像智能裁剪等。
                        领券
                        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档