V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
jiyinyiyong
V2EX  ›  分享创造

做了个简版可交互的 四元数 乘法可视化

  •  1
     
  •   jiyinyiyong ·
    jiyinyiyong · 2021-06-24 15:48:31 +08:00 · 1637 次点击
    这是一个创建于 1232 天前的主题,其中的信息可能已经有所发展或是发生改变。

    因为四元数跟空间旋转相关, 大学时候就想着弄明白, 但是没什么工具, 后面折腾 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.

    其中的触摸屏操作按钮:

    • 左区菱形移动: 上 /下 控制 前进 /后退, 左 /右 控制视角 左 /右
    • 右区菱形移动: 上 /下 /左 /右, 对应位置移动
    • 左区靠右圆形点按 + 右区菱形移动: 上 /下 /左 /右 调整视角
    • 左区靠左圆形点按 + 右区菱形移动: 有选中的控制点(事业当中有颜色的圆球)的情况下, 上 /下 控制数值改变 大 /小.
    • 右区靠右圆形点按: 恢复水平视角
    • (至于网页版自己尝试 WASD 上下左右 Shift 之类的...)

    交互是自己定制的, 上手相当麻烦, 所以还是看视频里边吧...

    另外代码实现用的是我自己的语言, 貌似没必要看了 https://github.com/Quamolit/quamolit.calcit

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1005 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 21:35 · PVG 05:35 · LAX 13:35 · JFK 16:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.