Three.js -> GLM 替换指南论 (Cheat Sheet)
以后遇到其他的三维数学转换，按照以下几个规则来套，基本不会出错：
1. 范式转换：从“改自身”到“返回值”
Three.js 的方法经常改变对象本身并 return this，而 GLM 返回新值。
- Three:
a.add(b)\(\rightarrow\) GLM:a = a + b或者a += b - Three:
a.cross(b)\(\rightarrow\) GLM:a = glm::cross(a, b) - Three:
a.normalize()\(\rightarrow\) GLM:a = glm::normalize(a) - Three:
v.length()\(\rightarrow\) GLM:glm::length(v) - Three:
v.distanceTo(v2)\(\rightarrow\) GLM:glm::distance(v, v2)
2. 乘法顺序 (极其重要)
Three.js 有时候让人迷惑的 multiply 和 premultiply，在 C++ 运算符重载下非常清晰：
-
Three:
matrix1.multiply(matrix2) -
GLM:
matrix1 = matrix1 * matrix2(右乘，应用在局部坐标系) -
Three:
matrix1.premultiply(matrix2) -
GLM:
matrix1 = matrix2 * matrix1(左乘，应用在世界/父坐标系)
3. 矩阵与变换 (Matrix4 -> glm::mat4)
Three.js 的 Matrix4.makeTranslation, makeRotationX 等被 GLM 的一系列全局函数取代，需要引入 <glm/gtc/matrix_transform.hpp>。
- 平移：
glm::translate(glm::mat4(1.0f), glm::vec3(x, y, z)) - 缩放：
glm::scale(glm::mat4(1.0f), glm::vec3(x, y, z)) - 旋转：
glm::mat4_cast(quaternion)或者glm::rotate(glm::mat4(1.0f), angle, axis)
注意：
glm::mat4(1.0f)表示创建一个单位矩阵（Identity Matrix）。在进行仿射变换时，往往需要一个单位矩阵作为起点。
4. 从矩阵提取位移/旋转/缩放
在 Three.js 中，你经常会用到 matrix.decompose(position, quaternion, scale)。
在 GLM 中，这个功能包含在实验扩展中：
#include <glm/gtx/matrix_decompose.hpp>glm::vec3 scale;
glm::quat rotation;
glm::vec3 translation;
glm::vec3 skew;
glm::vec4 perspective;glm::decompose(matrix, scale, rotation, translation, skew, perspective);5. 内存与指针交互
GLM 的设计可以无缝配合 OpenGL 的 glUniform* 和 glVertexAttribPointer，提取指针的方法非常简单：
- 提取 Vector3 数据：
glm::value_ptr(myVec3)\(\rightarrow\) 变成float* - 提取 Matrix4 数据：
glm::value_ptr(myMat4)\(\rightarrow\) 变成float*
(需要包含#include <glm/gtc/type_ptr.hpp>)
遵循这套法则，你在重构 Object3D, Camera, Mesh 的时候，就会感觉非常丝滑，且底层运行效率远超原来的纯面向对象封装！