Javascript动画和360度图像

时间:2015-02-11 08:48:24

标签: javascript jquery html5 css3 css-shapes

我一直试图弄清楚如何在此处制作与此解决方案类似的内容:Sample

我一直在做一些研究,偶然发现了一些非常轻量级的jQuery插件,它们可以实现360度图像旋转。我无法弄清楚:

  • 如何制作类似的菜单点,以便它们可以点击但仍然可以随图像一起旋转?
  • 你们是否会使用HTML5或JS来创建起始动画,其中图像组件会掉落并聚集到一个图像上?

现在,我不期待这个“解决方案”,只是一些建议和想法,所以我可以用最聪明的方式来解决这个问题。

1 个答案:

答案 0 :(得分:1)

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

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

<强>更新

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