因为四元数跟空间旋转相关, 大学时候就想着弄明白, 但是没什么工具, 后面折腾 threejs 相关的工具想起来这个事情, 于是撸了一个 demo, 最终是弄出来一个页面, 可以在里边查看特定的一些四元数乘法计算的结果:
<< 四元数乘法可视化( Pad 操作)>> https://www.bilibili.com/video/BV1if4y1t7Yq/
(图片里很多竖线, 表示的是三维空间中不可见的第四个维度(对应标量 w)的值.)
另外还有个早期的视频, 不过制作更粗糙一些 <<用 three.js 演示四元数乘法旋转的原理, 辅助理解>> https://www.bilibili.com/video/BV1YQ4y1o7ga/
视频当中的 Demo, 如果有 Pad 版 Chrome 的话可以尝试 http://r.quamolit.org/quatrefoil.calcit/ 其中的 "Multiply" demo.
其中的触摸屏操作按钮:
交互是自己定制的, 上手相当麻烦, 所以还是看视频里边吧...
另外代码实现用的是我自己的语言, 貌似没必要看了 https://github.com/Quamolit/quamolit.calcit