为Processing中PMatrix3D实现CSS标准rotate3D功能及矩阵问题咨询

rotate3Dbis() NaN问题原因 #

• 零向量边界未处理：当鼠标无位移时，传入的x、y、z均为0，归一化计算时normalizer为0，除以0直接生成NaN。修复方案：归一化前判断normalizer小于1e-6这类极小阈值时，直接返回单位矩阵即可，无旋转需求不需要计算。
• 语法bug：第三行第三列参数括号位置错误，原代码1-2*(pow(x,2)+pow(y,2)*sq)应为1-2*(pow(x,2)+pow(y,2))*sq，错误的括号优先级导致计算逻辑完全偏离预期。

rotate3D()画面缩小问题原因 #

• 旋转轴未归一化：罗德里格斯旋转公式要求输入的(x,y,z)旋转轴必须是单位向量，你当前传入的x、y参数未做归一化，生成的旋转矩阵不是正交矩阵，附带了错误的缩放因子，导致画面逐步缩小。修复方案：在函数开头增加旋转轴归一化逻辑即可。

两个函数等价性问题 #

二者理论上完全等价：版本1是罗德里格斯旋转公式的直接实现，版本2是四元数转旋转矩阵的实现，输入符合规范的前提下输出矩阵完全一致。当前输出不一致是因为两个实现都存在上述逻辑/语法bug。

其他潜在问题 #

• 坐标系适配：CSS 3D变换的y轴向上，Processing默认y轴向下，直接复用CSS的旋转参数会导致y方向旋转反向，可在传入y参数时取反适配。
• 角度单位：Processing三角函数默认使用弧度，你当前的angle计算逻辑单位符合要求，注意不要误传角度值即可。
• 矩阵应用顺序：PMatrix3D.apply()默认右乘新矩阵，和CSS transform从左到右的变换应用逻辑一致，这部分逻辑没有问题。

内容的提问来源于stack exchange，提问作者Pierre Rose