3D变换矩阵:平移、缩放、旋转
3D变换矩阵是一个4x4的矩阵,即由16个实数组成的二维数组,在三维空间中,任何的线性变换都可以用一个变换矩阵来表示。本文介绍从变换矩阵中提取出平移、缩放、旋转向量的方法,提取公式的复杂程度为“平移 < 缩放 < 旋转”,文章同时给出数学公式和JavaScript代码(使用了浏览器的数学库),首先给定一个行主序的4x4的变换矩阵:
// 变换矩阵(a~l为任意实数)
const transform = [
[a, b, c, d],
[e, f, g, h],
[i, j, k, l],
[0, 0, 0, 1],
];
最后一列就是平移向量:
// 平移向量
const translate = [
transform[0][3],
transform[1][3],
transform[2][3]
];
前三列向量的长度就是缩放向量:
// 缩放向量
const scale = [
Math.hypot(transform[0][0], transform[1][0], transform[2][0]),
Math.hypot(transform[0][1], transform[1][1], transform[2][1]),
Math.hypot(transform[0][2], transform[1][2], transform[2][2]),
]
旋转向量有若干种不同的表现形式,包括Euler角、四元数、轴-角,但旋转矩阵是统一的,将前三列分别除以缩放向量,就得到3x3的旋转矩阵:
// 旋转矩阵
const scale = [
[
transform[0][0] / scale[0],
transform[0][1] / scale[1],
transform[0][2] / scale[2]
], [
transform[1][0] / scale[0],
transform[1][1] / scale[1],
transform[1][2] / scale[2]
], [
transform[2][0] / scale[0],
transform[2][1] / scale[1],
transform[2][2] / scale[2]
],
]
下面这张图可以直观地看到,平移、缩放、旋转在变换矩阵中的位置关系: