Challenge C2｜复合变换实验台
对比两种矩阵组合顺序：相同S/R/T参数，变换顺序不同，图形行为、矩阵、点变换结果全部不同。
WebGL2 图形画布绘制对象：正方形
正在初始化WebGL2…
原理说明
- T·R·S：M = T * R * S；执行 S→R→T；先缩放、物体局部原点旋转，再平移；物体在目标位置原地旋转。
- R·T·S：M = R * T * S；执行 S→T→R；先缩放，平移到目标位置，再绕世界原点公转。
- WebGL 使用列向量，multiply(A,B) 代表矩阵A*B，表达式右侧变换优先执行。
提示：index.html需要增加本页面跳转链接；GLSL ES300 Shader写在本页面；js/challenge.js为业务逻辑。