Challenge C2 · 复合变换实验台
同一个正方形，两种可切换的变换顺序 T·R·S 与 R·T·S 同屏对照；同步显示两个 Model 矩阵与测试点 P 的变换数值，解释可见差异。
WebGL2 图形画布橙色 = T·R·S（自转） · 蓝色 = R·T·S（公转） · 灰点 = 世界原点
正在初始化WebGL2…
列向量约定：右侧矩阵先作用于顶点。M=T·R·S 表示先缩放、再绕世界原点旋转、最后平移；M=R·T·S 表示先缩放、再平移、最后绕世界原点旋转。
现场验证步骤
- 把旋转角设为 0°、缩放设为 1：两种顺序完全重合（都等于纯平移），右侧测试点数值一致 —— 证明相同参数下矩阵本身无差异。
- 设旋转 45°、缩放 1.5：橙色（T·R·S）中心保持在 (tx,ty) 原地自转；蓝色（R·T·S）中心被旋转到 R·(tx,ty)，绕世界原点公转。右侧数值 PA ≠ PB。
- 打开"自动旋转"：橙色原地转动、蓝色绕灰点画圆，轨迹区别一目了然。
- 对照右侧两个 4×4 Model 矩阵：差别在平移列与左上 3×3 的复合方式，正对应"右侧先执行"的乘法次序。
提示：Challenge C2 选做页；核心图形由 WebGL2 绘制，公共库与其余任务共用，无需网络。