Javascript 动画和 360 度图像

Question

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

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

• 如何制作类似的菜单点，使它们可点击但仍随图像旋转？
• 你们会使用 HTML5 或 JS 来创建开始动画吗？图像组件落下并聚集到一个图像中的动画？

现在，我不期望对此有一个“解决方案”，只是一些建议和想法，所以我可以以最聪明的方式解决这个问题。

Answer 1

我猜那是 HTML5 和 JS 的混合体，可能使用了像 GSAP http://greensock.com/draggable 这样的插件(此页面上有一个很好的可拖动微调器示例)但也有 http://julian.com/research/velocity/

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

更新

如果你想要一个 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/