《3D数学基础：图形与游戏开发》

前言

白玉无冰决定开一个新坑。再次重读《3D数学基础：图形与游戏开发》(第一版)。

结合Cocos Creator 引擎及其他相关书籍，整理并记录一些笔记。

开始

坐标系有许多种，本文主要围绕笛卡儿坐标系（Cartesian Coordinate System）展开。

计算机图形学第一准则：近似原则。如果它看上去是对的，它就是对的。

左手坐标系与右手坐标系

3D坐标系中存在两种坐标系：左手坐标系和右手坐标系。

伸出你的双手，让拇指(x)、食指(y)和中指(z)相互垂直，就构成了相应的坐标系。

🎈 OpenGL中的坐标系大体是右手坐标系，而Direct3D中大体是左手坐标系。

🥥 Cocos Creator 3.0 的世界坐标系采用的是笛卡尔右手坐标系，默认 x 向右，y 向上，z 向外，同时使用 -z 轴为正前方朝向。

其中旋转也遵循对应左右手法则，伸出双手，做一个点赞👍 的手势，拇指指向朝向，四指握着的方向为正。

🥥 Cocos Creator 3.0 中的旋转（Rotation）遵守右手法则，从转向轴往原点看，当属性值为 正 时，节点 逆时针 旋转。当属性值为 负 时，节点 顺时针 旋转。

⚠️ 注意：节点上的 rotation 属性是一个四元数，表示的是绕任意轴旋转的角度。与 属性检查器 中的 Rotation 所对应的属性是欧拉角属性 EulerAngles。这两个属性可以根据需求分别使用，在使用 API 时请一定要注意它们和编辑器面板属性名的对应区别。

左右手坐标系可以相互转换，只需翻转一个轴的符号。

世界坐标系

世界坐标系（World Coordinate）是一个特殊的坐标系，它建立了我们所关心的最大的空间。

世界坐标系建立了描述其他坐标系所需要的参考框架。也就是说，能够用世界坐标系描述其他坐标系的位置，而不能用更大的、外部的坐标系来描述世界坐标系。

世界坐标系也被广泛称作全局坐标系或者宇宙坐标系。

关于世界坐标系的典型问题都是关于初始位置和环境：

• 每个物体的位置和方向
• 摄像机的位置和方向
• 世界中每一个点的地形是什么
• 各个物体从哪里来，到哪里去（NPC运动策略）

🥥 世界坐标系也叫做绝对坐标系，在 Cocos Creator 3.0 游戏开发中表示场景空间内的统一坐标体系，「世界」用来表示我们的游戏场景。

物体坐标系

物体坐标系（Local Coordinate）是和特定物体相关的坐标系。每个物体都有它们独立的坐标系，当物体移动或改变方向时，和物体相关的坐标系也会改变。

某些情况下，物体坐标系也称为模型坐标系。因为模型顶点的坐标是在模型坐标中描述的。

💡 物体坐标系 ｜ 本地坐标系 ｜ 模型坐标系 ｜ 局部坐标系 ❕可以看作一个东西多种叫法。

在物体坐标系中可能遇到的问题：

• 周围有相互作用的物体吗？（我要攻击它吗）
• 哪个方向？在我的前面后面？左边？右边？（我应该向它射击🔫，，还是转身就跑🏃？）

🎈 模型定义的空间叫作局部空间（local space）或模型空间（model space）。OpenGL文档使用的术语是物体空间（object space）。

🥥 Creator 3.0 的 节点（Node） 之间可以有父子关系的层级结构，我们通过修改节点的 Position 属性设定的节点位置是该节点相对于父节点的 本地坐标系，而非世界坐标系。

🎈 3D美工们在构筑3D对象时也在做着类似的事情。他们并不会在全局场景坐标系（即世界空间，也译为世界坐标系，world space）中构建物体的几何形状，而是相对于局部坐标系（局部空间，也译为局部坐标系，local space）来创建物体。

摄像机坐标系

摄像机坐标系可被看作是一种特殊的物体坐标系，该物体坐标系就定义在摄像机的屏幕可见区域。

关于摄像机坐标系的一些典型问题：

• 3D空间中的某个点是在摄像机的前方吗？
• 3D空间中的某个点是在屏幕上，还是超出了摄像机平截面锥体的边界？（裁剪坐标系）
• 某个物体是否在屏幕上？是部分在，还是全部不在？
• 两个物体，谁在前面？（可见性检测）

🎈 我们为摄像机赋予一个局部坐标系（这被称作观察空间（view space），也译作观察坐标系、视图空间、视觉空间（eye space）或摄像机空间（camera space））

🥥  相机的可视范围是通过 6 个平面组成一个 视锥体（Frustum） 构成，近裁剪面（Near Plane） 和 远裁剪面（Far Plane） 用于控制近处和远处的可视距离与范围，同时它们也构成了视口的大小。

坐标系转换

坐标变换：知道某一点的坐标，怎样在另一个坐标系中描述该点。该点并没有真正移动，而是在不同的坐标系中描述它的位置。

通常，坐标系间的变化会用矩阵（先挖个坑，后面再详细讲）表示。

🎈 将局部坐标系内的坐标转换到全局场景坐标系中的过程叫作世界变换（world transform），所使用的变换矩阵名为世界矩阵（world matrix）

那么从全局坐标转到局部坐标，就用世界矩阵的逆！

🎈 由世界空间至观察空间的坐标变换称为取景变换（view transform，也译作观察变换、视图变换等），此变换所用的矩阵则称为观察矩阵（view matrix，亦译作视图矩阵）。

摄像机也是属于局部坐标的一种，也就是说，观察矩阵 等同于 相机的世界矩阵的逆！

🌰 举个例子，场景中的有两个节点，他们各自有一个子节点，求其中一个子节点在另一个子节点的局部坐标系中的坐标。

分三步走，解决上述例子：

1. 求出B0的世界坐标
2. 求出A0的世界矩阵的逆
3. 将上面两步的结果相乘

aW1wb3J0IHsgX2RlY29yYXRvciwgQ29tcG9uZW50LCBOb2RlLCBWZWMzLCB2MywgbWF0NCwgTWF0NCB9IGZyb20gJ2NjJzsKaW1wb3J0IHsgRURJVE9SIH0gZnJvbSAnY2MvZW52JzsKY29uc3QgeyBjY2NsYXNzLCBwcm9wZXJ0eSwgZXhlY3V0ZUluRWRpdE1vZGUgfSA9IF9kZWNvcmF0b3I7Cgpjb25zdCB0ZW1wX21hdDQgPSBtYXQ0KCk7CkBjY2NsYXNzKCdOb2RlRXh0cmFJbmZvJykKQGV4ZWN1dGVJbkVkaXRNb2RlCmV4cG9ydCBjbGFzcyBOb2RlRXh0cmFJbmZvIGV4dGVuZHMgQ29tcG9uZW50IHsKCiAgICBAcHJvcGVydHkKICAgIHByaXZhdGUgX3JlZnJlc2ggPSBmYWxzZTsKICAgIEBwcm9wZXJ0eSh7ZGlzcGxheU5hbWU6ICLliLfmlrAifSkKICAgIGdldCByZWZyZXNoKCkgewogICAgICAgIHJldHVybiB0aGlzLl9yZWZyZXNoOwogICAgfQogICAgc2V0IHJlZnJlc2godmFsdWUpIHsKICAgICAgICB0aGlzLm9uVHJhbnNmb3JtQ2hhbmdlKCkKICAgIH0KCiAgICBAcHJvcGVydHkoeyByZWFkb25seTogdHJ1ZSwgZWRpdG9yT25seTogdHJ1ZSB9KQogICAgQXV0aG9yID0gIueZveeOieaXoOWGsCI7CgogICAgQHByb3BlcnR5KHsgcmVhZG9ubHk6IHRydWUsIGVkaXRvck9ubHk6IHRydWUgfSkKICAgIHdvcmxkUG9zaXRpb246IFZlYzMgPSB2MygpOwoKICAgIEBwcm9wZXJ0eSh7IGVkaXRvck9ubHk6IHRydWUsIGRpc3BsYXlOYW1lOiAi5Zyo6K+l6IqC54K55LiL55qEIiwgdHlwZTogTm9kZSB9KQogICAgb3RoZXJOb2RlOiBOb2RlID0gbnVsbCE7CgogICAgQHByb3BlcnR5KHsgcmVhZG9ubHk6IHRydWUsIGVkaXRvck9ubHk6IHRydWUsIGRpc3BsYXlOYW1lOiAi5Z2Q5qCHIiB9KQogICAgb3RoZXJOb2RlUG9zaXRpb246IFZlYzMgPSB2MygpOwoKICAgIG9uRW5hYmxlKCkgewogICAgICAgIGlmICghRURJVE9SKSByZXR1cm4KICAgICAgICB0aGlzLm9uVHJhbnNmb3JtQ2hhbmdlKCk7CiAgICAgICAgdGhpcy5ub2RlLm9uKE5vZGUuRXZlbnRUeXBlLlRSQU5TRk9STV9DSEFOR0VELCB0aGlzLm9uVHJhbnNmb3JtQ2hhbmdlLCB0aGlzKTsKICAgIH0KCiAgICBvbkRpc2FibGUoKSB7CiAgICAgICAgaWYgKCFFRElUT1IpIHJldHVybgogICAgICAgIHRoaXMubm9kZS5vZmYoTm9kZS5FdmVudFR5cGUuVFJBTlNGT1JNX0NIQU5HRUQsIHRoaXMub25UcmFuc2Zvcm1DaGFuZ2UsIHRoaXMpOwogICAgfQoKICAgIHByaXZhdGUgb25UcmFuc2Zvcm1DaGFuZ2UoKSB7CiAgICAgICAgdGhpcy53b3JsZFBvc2l0aW9uID0gdGhpcy5ub2RlLndvcmxkUG9zaXRpb247CiAgICAgICAgaWYgKHRoaXMub3RoZXJOb2RlKSB7CiAgICAgICAgICAgIGNvbnN0IG90aGVyTm9kZVdvcmxkTWF0cml4SW52ZXJ0ID0gTWF0NC5pbnZlcnQodGVtcF9tYXQ0LCB0aGlzLm90aGVyTm9kZS53b3JsZE1hdHJpeCk7CiAgICAgICAgICAgIFZlYzMudHJhbnNmb3JtTWF0NCh0aGlzLm90aGVyTm9kZVBvc2l0aW9uLCB0aGlzLndvcmxkUG9zaXRpb24sIG90aGVyTm9kZVdvcmxkTWF0cml4SW52ZXJ0KTsKICAgICAgICB9CiAgICB9Cn0=

复平面

刚好讲到坐标系，这边扯点其他相关的东西。

在复平面中，有一个实轴和一个虚轴。复数的乘积的几何意义刚好是旋转与缩放。

结束

白玉无冰预计下一期写写关于向量的笔记📒。

参考资料

• 《DirectX 12 3D 游戏开发实战》
• 《数学女孩》

碰撞组件多边形顶点数组是怎么自动生成的
关于泰勒公式展开
写一个位图字体制作工具
替代 toDataURL 的方案
Fake3D && Shader
MatCap && Shader
如何抄shader
3D折纸

更多精彩欢迎关注微信公众号