Javascript 动画和 360 度图像

Javascript animation and 360 degree image

我一直在努力弄清楚如何在这里制作类似于此解决方案的东西:Sample

我一直在做一些研究,并且偶然发现了一些非常轻量级的 jQuery 插件,可以进行 360 度图像旋转。我不明白的是:

现在,我不希望 "solution" 对此有一些建议和想法,因此我可以以最聪明的方式处理这个问题。

我猜那是 HTML5 和 JS 的混合体,可能使用了像 GSAP 这样的插件 http://greensock.com/draggable (there's a nice draggable spinner example on this page) but there's also http://julian.com/research/velocity/

正如其他人在评论中所说,这最初可能是用 3D 建模器构建的,也许是 Blender http://www.blender.org/features/ 在这种情况下,这是 HTML5 canvas 元素的混合按钮和 WebGL

更新

如果你想要 3D 模型动画,与 WebGL 一起使用的最佳插件是 http://threejs.org/ 我忘记了

这些教程也可能有帮助

http://learningwebgl.com/blog/?p=1253 http://chimera.labs.oreilly.com/books/1234000000802/ch04.html http://www.html5rocks.com/en/tutorials/webgl/webgl_transforms/