图形学基础—向量

向量

1、什么是向量

表示一个有大小的方向,一个向量无论如何平移,都表示同一个向量。

向量的长度称为向量的模,记做:a|\vec{a}|

1
2
// Cesium中计算一个向量的模
const magnitude = Cartesian3.magnitude(a);

图形学中常说的向量通常表示的是单位向量a^\hat{a},也就是长度为1的向量,那么这时这个向量可以看做仅表示方向,记做:a^=aa\hat{a}=\frac{\vec{a}}{|\vec{a}|}

1
2
// Cesium中将一个向量单位化
const normalizeA = Cartesian3.normalize(a, new Cartesian3());

2、向量的基本运算

2.1、向量的加法

向量的加法满足:平行四边形法则/三角形法则。

向量的加法

在数学上向量的加法就是向量的各个分量相加

1
2
// Cesium中计算两个向量相加
const AB = Cartesian3.add(a, b, new Cartesian3());

2.2、向量的点乘

向量的点乘

向量点乘公式

向量的点乘:ab=abcosθ\vec{a} \cdot \vec{b} = |\vec{a}||\vec{b}|\cos{\theta}

可以推导出两个向量之间的夹角余弦:cosθ=abab\cos{\theta} = \frac{\vec{a} \cdot \vec{b}} {|\vec{a}||\vec{b}|}

而如果 a\vec{a}b\vec{b} 恰巧是单位向量,那么此时夹角余弦等于 cosθ=a^b^\cos{\theta} = \hat{a} \cdot \hat{b}

2.2.1、向量的点乘在图形学上的作用

上面说到两个向量之间的夹角余弦可以通过点乘的方式进行计算。

而在图形学中点乘最大的作用也是找到两个向量之间的夹角,或者说夹角余弦

特别是在做光照模型的时候,光的方向、法线方向、相机看的方向等等这些向量,他们之间的夹角和他们的关系都是通过点乘去计算的。

也经常用于计算一个向量到另一个向量上的投影

向量投影

cosθ=a^b^\cos{\theta} = \hat{a} \cdot \hat{b}
bT=ka^\vec{b}_{T} = k \hat{a}
k=cosθbk = cos{\theta} |\vec{b}|

另一个特别重要的应用,是判断两个向量之间是否同向,或者是否接近。

cos函数图像

点乘判断同向

从余弦函数cosθ\cos{\theta}的图像可以发现,当两个向量之间的夹角小于90°时,向量的点乘得到的是一个正数,当夹角大于90°时得到的是一个负数。

因此我们可以通过两个向量之间的点乘是否大于零去判断两个向量是否同向(夹角是不是锐角)

同时可以通过判断点乘结果是否足够接近于1(单位向量情况下),来判断两个向量是否足够接近。在光照模型中这点非常重要。

2.2.2、向量的点乘满足的数学性质

ab=ba\vec{a} \cdot \vec{b} = \vec{b} \cdot \vec{a}
a(b+c)=ab+ac\vec{a} \cdot (\vec{b} + \vec{c}) = \vec{a} \cdot \vec{b} + \vec{a} \cdot \vec{c}
(ka)b=a(kb)=k(ab)(k\vec{a})\vec{b} = \vec{a}(k\vec{b}) = k(\vec{a}\vec{b})

1
2
// Cesium中计算两个向量的点乘
const aDotb = Cartesian3.dot(a, b);

2.3、向量的叉乘

向量的叉乘会输入两个向量进行运算,最终得到一个与之前两个向量都垂直的向量

向量的叉乘

如果 a×b=c\vec{a} \times \vec{b} = \vec{c} ,那么 c\vec{c} 垂直于 a\vec{a} 并且垂直于 b\vec{b}

叉乘的方向由右手定则(右手系的情况下)判断,因此向量的叉乘不满足交换律:a×b=b×a\vec{a} \times \vec{b} = -\vec{b} \times \vec{a}

叉乘的模计算公式为:a×b=basinθ|\vec{a} \times \vec{b}| = |\vec{b}| |\vec{a}| \sin{\theta} ,可以发现公式的右侧部分 basinθ|\vec{b}| |\vec{a}| \sin{\theta} 刚好是向量 a\vec{a}b\vec{b} 组成的平行四边形的面积公式。因此叉乘的模刚好等于向量 a\vec{a}b\vec{b} 组成三角形面积的两倍

向量叉乘公式

1
2
// Cesium中计算两个向量的叉乘
const aCrossb = Cartesian3.cross(a, b, new Cartesian3());

2.3.1、向量的叉乘在图形学上的作用

  1. 计算三角形面积(三角形三个顶点计算出两个向量,这两个向量叉乘取模,模的一半就是三角形的面积)
1
2
3
4
5
6
7
8
9
// Cesium中用向量法计算三角形面积
function triangleArea(a: Cartesian3,b: Cartesian3,c: Cartesian3): number{
const ab = Cartesian3.subtract(b, a, new Cartesian3());
const ac = Cartesian3.subtract(c, a, new Cartesian3());

const cross = Cartesian3.cross(ab, ac, new Cartesian3());

return Cartesian3.magnitude(cross) / 2;
}
  1. 判断左边还是右边

    假设在XY平面中有两个向量 a\vec{a}b\vec{b} ,并且有 a×b=c\vec{a} \times \vec{b} = \vec{c}c\vec{c} 一定垂直于XY平面,也就是沿着Z轴正向,或者与Z轴方向相反。我们就可以通过判断 c\vec{c} 的Z分量是否大于零,来判断 a\vec{a}b\vec{b} 的位置关系。在右手系下,如果 c\vec{c} 的Z分量大于零,则 a\vec{a}b\vec{b} 的右侧。

  2. 判断里面还是外面

    叉乘判断内外

    原理与判断左右类似,通过判断点p是否在所有边的同侧,来判断点p是否在三角形里面。
    上图中,p在 ca\vec{ca}ab\vec{ab}bc\vec{bc} 的左侧,因此p在三角形abc内侧


图形学基础—向量
https://www.liaomz.top/2022/02/19/tu-xing-xue-ji-chu-xiang-liang/
作者
发布于
2022年2月19日
许可协议